Student Teacher 1:1 Appointment Booking System
Frontend: React, Redux, Material-UI, Bootstrap
Backend: Node.js, Express.js
Other Tools: npm, yarn (package managers), Git (version control)
1. Cloning the Repository
git clone https://github.com/coder-zs-cse/Student-Teacher-Appointment-Booking-System.git
cd Student-Teacher-Appointment-Booking-System
We would require two terminals. One for frontend and one for backend.
2. Setting up the Backend
Rename the .env-sample file to .env:
Open the .env file and replace the placeholder values:
MONGODB_URI=your_mongodb_uri_here
JWT_SECRET_KEY=your_jwt_secret_key_here
Install the dependencies:
3. Start the backend server:
The server should now be running on http://localhost:5000.
4. Setting up the Frontend
In a second terminal, navigate to the client directory:
Install the dependencies:
npm install
# or
yarn install (recommended for maximum library dependency resolution)
5. Start the frontend development server:
npm start
# or
yarn start
The frontend should now be running on http://localhost:3000.
Cool, now open your web browser and navigate to http://localhost:3000/register
to access the application.
Sign up page with role of teacher
Validation of Appointment if there is a clash
Viewing state of Appointment
Appointments from teacher perspective
Using Checkboxes to filter pending booking status
Upcoming appointment in user home page