Learniverse App is an innovative learning platform that delivers an engaging user interface and interactive learning experience. Built with Next.js and React, this project leverages modern web technologies and dynamic libraries to provide a scalable and feature-rich application. The app integrates various components and animations to create a smooth and interactive user experience, with more functionality planned for future releases.
Note: Several sections like Courses, Feedback, Founder, and Services are currently placeholders in the navigation bar and will be developed in the future. At this moment, my primary focus is on enhancing my coding logic with Java and Data Structures & Algorithms (DSA). As a result, these sections are on hold until further development.
- Overview
- Features
- Technologies Used
- Installation
- Usage
- Future Enhancements
- Contributing
- License
- Contact
- Interactive Learning Experience:
Engaging UI components, animations, and 3D visuals to enhance the learning process. - Modern UI/UX:
Responsive design and smooth transitions powered by Framer Motion, GSAP, and Lottie. - Scalable Architecture:
Built using Next.js and React, ensuring easy scalability and maintainability. - Dynamic Theming:
Dark/light mode support using next-themes. - Authentication & Notifications:
Secure authentication with Clerk and email notifications via EmailJS.
- Next.js: Framework for server-side rendering and static site generation.
- React: Library for building user interfaces.
- Clerk: Authentication solution for Next.js applications.
- EmailJS: Enables sending emails directly from the client.
- React Three Fiber & Drei: Libraries for creating 3D graphics and interactive experiences.
- Three.js: Core 3D engine.
- DaisyUI & Tailwind CSS: Utility-first CSS framework for rapid UI development.
- Framer Motion & GSAP: Animation libraries for smooth and complex UI animations.
- Lottie React: Render animations in JSON format.
- Lucide React & React Icons: Icon libraries for scalable vector icons.
- next-themes: Enables easy theming (dark/light mode).
- React Confetti: Adds celebratory confetti effects.
- ESLint & PostCSS: Tools for linting and processing CSS.
To set up the project locally, follow these steps:
-
Clone the Repository:
git clone https://github.com/prashantsaini1525/Learniverse-App.git cd Learniverse-App -
Install Dependencies:
Run one of the following commands in your project directory:
npm install # or yarn install -
Run the Application:
Start the development server using:
npm run dev # or yarn devThe application will be available at http://localhost:3000.
-
Explore: Use the navigation bar to explore various sections. Note that some sections (Courses, Feedback, Founder, and Services) are planned for future development.
-
Focus on Core Features: Currently, the main functionalities are prioritized while additional features are scheduled for later releases as I focus on enhancing my coding skills in Java DSA.
-
Experience Dynamic Content: Enjoy interactive animations, 3D visuals, and responsive design.
-
Stay Tuned: Future updates will introduce additional functionality and enhancements.
-
Enhanced Interactivity: Incorporate additional interactive components and dynamic content.
-
User Authentication Improvements: Expand authentication features and add personalized user dashboards.
-
API Integration: Connect with external APIs for real-time data and dynamic content.
-
Performance Optimization: Further refine the codebase for improved speed and responsiveness.
Contributions are welcome! To contribute:
-
Fork the Repository
-
Create a Feature Branch:
git checkout -b feature/your-feature-name
-
Commit Your Changes: Ensure your commit messages are clear and descriptive.
-
Push Your Branch:
git push origin feature/your-feature-name
-
Open a Pull Request:
Provide a detailed description of your changes for review.
This project is licensed under the MIT License. See the LICENSE file for details.
🌟 "Coding is not just my skill; it's my superpower." 🌟