This is a comprehensive React-based website developed for a tuition center. The platform is designed to facilitate smooth communication between potential students and the tuition center's administration. The website allows students or their guardians to fill out a detailed registration form for enrolling in various courses. Once submitted, the form data is stored in a secure backend database. The admin panel provides a powerful tool for managing these registrations, including the ability to view, edit, and print the data as a PDF.
Watch the project demo video:
- A user-friendly form where students can provide details such as name, age, date of birth, gender, course selection, and contact information.
- The form covers essential fields and ensures responsive design for easy access on all devices.
- Admins can log in to access a dashboard that displays all submitted student data.
- The dashboard includes functionalities for viewing, editing, and deleting records.
- Data pagination is implemented to improve the user experience by loading data in manageable chunks.
- Admins have the ability to export student registration data into a well-formatted PDF for record-keeping or printing purposes.
- React.js for building a dynamic and responsive user interface.
- Tailwind CSS for efficient and customizable styling.
- Node.js and Express.js for handling server-side logic.
- MongoDB for storing and managing student data.
- React Router DOM for seamless navigation.
- React Hot Toast for user notifications.
- PDF generation tools to export student data.
To run this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/c2gup/MyCoching.git cd MyCoching