https://github.com/prashantsaini1525/learniverse-app
Project 5 : Learniverse App is a Next.js and React-based learning platform offering an interactive and engaging user experience. Future features include Courses, Feedback, Founder, and Services. Currently, Iām focusing on core functionality while improving my Java DSA skills.
https://github.com/prashantsaini1525/learniverse-app
dsa education front-end-development frontend future-enhancement interactive interactive-ui javascript learning nextjs react scalable-app web-development
Last synced: about 1 year ago
JSON representation
Project 5 : Learniverse App is a Next.js and React-based learning platform offering an interactive and engaging user experience. Future features include Courses, Feedback, Founder, and Services. Currently, Iām focusing on core functionality while improving my Java DSA skills.
- Host: GitHub
- URL: https://github.com/prashantsaini1525/learniverse-app
- Owner: prashantsaini1525
- License: mit
- Created: 2025-02-26T12:37:34.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-25T16:29:16.000Z (about 1 year ago)
- Last Synced: 2025-03-25T17:32:32.475Z (about 1 year ago)
- Topics: dsa, education, front-end-development, frontend, future-enhancement, interactive, interactive-ui, javascript, learning, nextjs, react, scalable-app, web-development
- Language: JavaScript
- Homepage: https://learniverse-pied.vercel.app
- Size: 4.4 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Learniverse App
[](https://opensource.org/licenses/MIT)
[](https://github.com/prashantsaini1525)
## Overview
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.
## Table of Contents
- [Overview](#overview)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Installation](#installation)
- [Usage](#usage)
- [Future Enhancements](#future-enhancements)
- [Contributing](#contributing)
- [License](#license)
- [Contact](#contact)
## Features
- **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.
## Technologies Used
- **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.
## Installation
To set up the project locally, follow these steps:
1. **Clone the Repository:**
```bash
git clone https://github.com/prashantsaini1525/Learniverse-App.git
cd Learniverse-App
```
2. **Install Dependencies:**
Run one of the following commands in your project directory:
```bash
npm install
# or
yarn install
```
3. **Run the Application:**
Start the development server using:
```bash
npm run dev
# or
yarn dev
```
The application will be available at http://localhost:3000.
## Usage
- **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.
## Future 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.
## Contributing
Contributions are welcome! To contribute:
1. Fork the Repository
2. Create a Feature Branch:
```bash
git checkout -b feature/your-feature-name
```
3. **Commit Your Changes:**
Ensure your commit messages are clear and descriptive.
4. Push Your Branch:
```bash
git push origin feature/your-feature-name
```
5. Open a Pull Request:
Provide a detailed description of your changes for review.
## š« Let's Connect
---
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
---
š _"Coding is not just my skill; it's my superpower."_ š