Learn In Summer is a portal for music education. It has role-based access for users, administrators, and instructors. Any instructor can sell their classes on musical instruments such as piano, guitar, drums, and so on. They can also add and update their classes. Administrators can control classes added by instructors as well as users. Stats are shown in clear charts for teachers and administrators to view. A fun place to learn and teach music!
-
Authentication System:
- Implemented Firebase authentication for secure and seamless user sign-in and sign-up processes.
- Three-tier authentication levels: Normal User, Instructor, and Admin.
-
Role-Based Access:
- Defined user roles (Normal User, Instructor, Admin) with corresponding access privileges.
- Admin has the authority to manage users and classes, ensuring secure and controlled access.
-
Class Management:
- Instructors can add new classes to the platform.
- Instructors have the capability to update and modify class details.
-
User Management:
- Admin functionality includes managing user accounts.
- Admin can handle user-related operations, enhancing overall platform administration.
-
Statistics Dashboard:
- Implemented a statistics dashboard using Recharts library.
- Displays insightful charts providing a visual representation of various platform metrics.
-
Front-End Technologies:
- Utilized ReactJS for building a dynamic and interactive user interface.
- Employed React Query for efficient data fetching and management.
-
UI Framework:
- Integrated Material UI for a consistent and aesthetically pleasing user interface design.
- Ensured a responsive and user-friendly experience through CSS styling.
-
Form Handling:
- Implemented form handling using React Hook Form for seamless data input and validation.
- Enhanced user experience during data submission and interaction.
-
Backend Technologies:
- Utilized NodeJS and ExpressJS for building a robust and scalable backend infrastructure.
- Employed MongoDB as the database for efficient data storage and retrieval.
-
Payment Integration:
- Integrated Stripe API for secure and reliable payment processing.
- Users, including instructors, can conduct financial transactions with confidence.
- Front-End -
ReactJS
React Query
Axios
Material UI
React Hook Form
gsap
CSS
- Charts -
Recharts
- Back-End -
NodeJS
ExpressJS
MongoDB
Mongoose
Typescript
- Back-End Repo - Auth -
Firebase Auth
- Payment System -
Stripe API