This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
If you are developing a production application, we recommend using TypeScript and enable type-aware lint rules. Check out the TS template to integrate TypeScript and typescript-eslint in your project.
EduVerse: A Cosmic Gateway to Infinite Knowledge
EduVerse is an interactive educational platform designed to make learning a futuristic and immersive experience. With a stunning 3D cosmic background, users can explore various subjects through glowing, tilt-enabled cosmic cards. Each subject reveals AI-generated insights powered by the Gemini API, alongside concise notes for quick reference. The star of the show is the AI-powered voice assistant, accessible via a sleek chat orb, which answers questions through text or voice input using the Web Speech API. Built with React, Vite, Three.js, and GSAP, EduVerse blends education with a sci-fi aesthetic for a truly out-of-this-world learning journey.
- Immersive 3D Cosmic Background: A dynamic starry sky with orbiting planets, created using Three.js.
- Interactive Subject Cards: Tilt-enabled cards with glowing animations, powered by React Parallax Tilt and GSAP.
- AI-Generated Content: Subject summaries generated by the Gemini API.
- Voice-Enabled AI Chatbot: Ask questions via text or voice, with responses spoken aloud using the Web Speech API.
- Notes Section: Quick reference notes for each subject.
- React + Vite: For a fast and modern frontend development experience.
- Three.js: For the 3D cosmic background.
- GSAP: For smooth animations.
- Gemini API: For AI-generated educational content.
- Web Speech API: For voice recognition and text-to-speech functionality.
- React Parallax Tilt: For interactive tilt effects on subject cards.
- Clone the Repository:
git clone <your-repo-url> cd frontend