This project is a React-based web application that combines various technologies and libraries to provide user authentication with Firebase Auth, responsive UI design with Tailwind CSS, data storage with MongoDB and Node.js, and interactive page transitions using the Swiper library.
The motivation behind this project was to create a robust and engaging web application by leveraging modern technologies and tools. The goal was to enhance the user experience, simplify the development process, and provide a solid foundation for building scalable and feature-rich applications.
- User authentication and authorization with Firebase Auth.
- Responsive UI design utilizing Tailwind CSS for efficient styling and layout.
- Data storage and retrieval using MongoDB with Node.js.
- Interactive and smooth page transitions with the Swiper library.
- Three pages included as a starting point for further development.
- A normal user can select a class and delete the class from the selected class.
- An instructor can add a new class. If the admin accepts it.
- And an administrator can approve, deny, and provide feedback to classes if desired.
- Install the dependencies:
npm install - Configure Firebase Auth credentials: Add your Firebase configuration in the
.envfile. - Configure MongoDB connection: Update the MongoDB connection string in the server configuration files.
- Start the development server:
npm run dev
Note: Ensure you have Node.js and MongoDB installed on your system before proceeding with the installation.
- After starting the development server, the application will be accessible at
http://localhost:5173/. - Sign up or log in to access the protected pages and utilize the application's features.
- Explore the different pages and functionalities to get a better understanding of the project structure and implementation.
- Modify and extend the project as needed for your specific requirements.
Contributions are welcome! If you find any bugs, have suggestions for improvements, or want to add new features, feel free to open issues or submit pull requests. Please adhere to the project's code style and guidelines.
Special thanks to the creators and contributors of these amazing technologies and libraries that made this project possible.
For any inquiries or feedback, please reach out to rajiburrahman74@gmail.com.
Happy coding!