BookMySession Project

Project Overview

BookMySession is a system for booking appointments between teachers and students. It has three primary roles: Student, Teacher, and Admin. This project is built using the MERN stack and provides a secure and user-friendly interface for managing sessions.

Project Structure

Root

• Directories:
  • BookMySession

BookMySession

• Directories:
  • Client
  • Server

BookMySession/Client

• Directories:
  • BookMySession

BookMySession/Client/BookMySession

• Directories:
  • public
  • src
• Files:
  • .gitignore
  • eslint.config.js
  • index.html
  • package.json
  • package-lock.json
  • README.md
  • vite.config.js

BookMySession/Client/BookMySession/public

• Files:
  • vite.svg

BookMySession/Client/BookMySession/src

• Directories:
  • assets
  • components
  • screens
• Files:
  • App.css
  • App.jsx
  • main.jsx
  • MainApp.jsx

BookMySession/Client/BookMySession/src/assets

• Files:
  • react.svg

BookMySession/Client/BookMySession/src/components

• Directories:
  • addstudent
  • addteacher
  • appointmentprofile
  • Calendar
  • countcard
  • custommodal
  • loader
  • login
  • passwordmodal
  • register
  • ScheduleAppointment
  • ScheduleAppointmentTeacher
  • sidebar
  • studentappointmentprofile
  • StudentPicker
  • studentprofile
  • studentregisterform
  • StudentScheduleAppointment
  • studentsidebar
  • teacherprofile
  • teacherscheduleappointment
  • teachersidebar
  • TimePicker
  • upadatestudent
  • upadateteacher

BookMySession/Client/BookMySession/src/components/addstudent

• Files:
  • addstudent.css
  • AddStudent.jsx

BookMySession/Client/BookMySession/src/components/addteacher

• Files:
  • addteacher.css
  • AddTeacher.jsx

BookMySession/Client/BookMySession/src/components/appointmentprofile

• Files:
  • appointmentprofile.css
  • AppointmentProfile.jsx

BookMySession/Client/BookMySession/src/components/Calendar

• Files:
  • calendar.css
  • Calendar.jsx

BookMySession/Client/BookMySession/src/components/countcard

• Files:
  • countcard.css
  • CountCard.jsx

BookMySession/Client/BookMySession/src/components/custommodal

• Files:
  • custommodal.css
  • CustomModal.jsx

BookMySession/Client/BookMySession/src/components/loader

• Files:
  • loader.css
  • Loader.jsx

BookMySession/Client/BookMySession/src/components/login

• Files:
  • LoginForm.css
  • LoginForm.jsx

BookMySession/Client/BookMySession/src/components/passwordmodal

• Files:
  • passwordmodal.css
  • PasswordModal.jsx

BookMySession/Client/BookMySession/src/components/register

• Files:
  • RegisterForm.css
  • RegisterForm.jsx

BookMySession/Client/BookMySession/src/components/ScheduleAppointment

• Files:
  • scheduleappointment.css
  • ScheduleAppointment.jsx

BookMySession/Client/BookMySession/src/components/ScheduleAppointmentTeacher

• Files:
  • scheduleappointmentteacher.css
  • ScheduleAppointmentTeacher.jsx

BookMySession/Client/BookMySession/src/components/sidebar

• Files:
  • sidebar.css
  • SideBar.jsx

BookMySession/Client/BookMySession/src/components/studentappointmentprofile

• Files:
  • studentappointmentprofile.css
  • StudentAppointmentProfile.jsx

BookMySession/Client/BookMySession/src/components/StudentPicker

• Files:
  • studentpicker.css
  • StudentPicker.jsx

BookMySession/Client/BookMySession/src/components/studentprofile

• Files:
  • studentprofile.css
  • StudentProfile.jsx

BookMySession/Client/BookMySession/src/components/studentregisterform

• Files:
  • studentregisterform.css
  • StudentRegisterForm.jsx

BookMySession/Client/BookMySession/src/components/StudentScheduleAppointment

• Files:
  • studentscheduleappointment.css
  • StudentScheduleAppointment.jsx

BookMySession/Client/BookMySession/src/components/studentsidebar

• Files:
  • studentsidebar.css
  • StudentSideBar.jsx

BookMySession/Client/BookMySession/src/components/teacherprofile

• Files:
  • teacherprofile.css
  • TeacherProfile.jsx

BookMySession/Client/BookMySession/src/components/teacherscheduleappointment

• Files:
  • teacherscheduleappointment.css
  • TeacherScheduleAppointment.jsx

BookMySession/Client/BookMySession/src/components/teachersidebar

• Files:
  • teachersidebar.css
  • TeacherSideBar.jsx

BookMySession/Client/BookMySession/src/components/TimePicker

• Files:
  • timepicker.css
  • TimePicker.jsx

BookMySession/Client/BookMySession/src/components/upadatestudent

• Files:
  • updatestudent.css
  • UpdateStudent.jsx

BookMySession/Client/BookMySession/src/components/upadateteacher

• Files:
  • updateteacher.css
  • UpdateTeacher.jsx

BookMySession/Client/BookMySession/src/screens

• Directories:
  • adminscreens
  • notfound
  • studentscreen
  • teacherscreens

BookMySession/Client/BookMySession/src/screens/adminscreens

• Directories:
  • dashboard
  • loginscreen
  • registerscreen
  • studentscreen
  • teacherscreen

BookMySession/Client/BookMySession/src/screens/adminscreens/dashboard

• Files:
  • dashboard.css
  • Dashboard.jsx

BookMySession/Client/BookMySession/src/screens/adminscreens/loginscreen

• Files:
  • loginscreen.css
  • LoginScreen.jsx

BookMySession/Client/BookMySession/src/screens/adminscreens/registerscreen

• Files:
  • registerscreen.css
  • RegisterScreen.jsx

BookMySession/Client/BookMySession/src/screens/adminscreens/studentscreen

• Files:
  • studentscreen.css
  • StudentScreen.jsx

BookMySession/Client/BookMySession/src/screens/adminscreens/teacherscreen

• Files:
  • teacherscreen.css
  • TeacherScreen.jsx

BookMySession/Client/BookMySession/src/screens/notfound

• Files:
  • NotFound.jsx

BookMySession/Client/BookMySession/src/screens/studentscreen

• Directories:
  • appointment
  • studentlogin
  • studentregister
  • teachers

BookMySession/Client/BookMySession/src/screens/studentscreen/appointment

• Files:
  • StudentAppointment.jsx
  • studentappointments.css

BookMySession/Client/BookMySession/src/screens/studentscreen/studentlogin

• Files:
  • StudentLogin.jsx

BookMySession/Client/BookMySession/src/screens/studentscreen/studentregister

• Files:
  • StudentRegister.jsx

BookMySession/Client/BookMySession/src/screens/studentscreen/teachers

• Files:
  • Teachers.jsx

BookMySession/Client/BookMySession/src/screens/teacherscreens

• Directories:
  • appointmentscreen
  • studentsscreen
  • teacherloginscreen
  • teachermessages

BookMySession/Client/BookMySession/src/screens/teacherscreens/appointmentscreen

• Files:
  • appointmentscreen.css
  • AppointmentScreen.jsx

BookMySession/Client/BookMySession/src/screens/teacherscreens/studentsscreen

• Files:
  • StudentsScreen.jsx

BookMySession/Client/BookMySession/src/screens/teacherscreens/teacherloginscreen

• Files:
  • teacherloginscreen.css
  • TeacherLoginScreen.jsx

BookMySession/Client/BookMySession/src/screens/teacherscreens/teachermessages

• Files:
  • TeacherMessages.jsx

BookMySession/Server

• Directories:
  • controllers
  • db
  • middlewares
• Files:
  • app.js
  • package.json
  • package-lock.json

BookMySession/Server/controllers

• Files:
  • addAppointment.js
  • addStudent.js
  • Addteacher.js
  • adminLogin.js
  • approveAppointment.js
  • approveStudent.js
  • changeStudentPassword.js
  • changeTeacherPassword.js
  • deleteStudent.js
  • deleteTeacher.js
  • getAppointments.js
  • getScheduledStudents.js
  • getScheduledTeachers.js
  • getStudentDetails.js
  • getStudents.js
  • getTeacherDetails.js
  • getTeachers.js
  • myAppointments.js
  • saveLog.js
  • searchStudentAppointments.js
  • searchTeacherAppointments.js
  • studentLogin.js
  • teacherLogin.js
  • updateStudent.js
  • updateTeacher.js

BookMySession/Server/db

• Files:
  • admin.js
  • appointment.js
  • counter.js
  • index.js
  • log.js
  • student.js
  • teacher.js

BookMySession/Server/middlewares

• Files:
  • verifyToken.js

Features

• User authentication and authorization with JWT.
• Secure password storage using Argon2.
• Role-based access for students, teachers, and admins.
• React.js-based frontend with a responsive design.
• Node.js and Express.js for backend operations.
• MongoDB Atlas as the database.

Installation and Usage

1. Clone the repository.
2. Install dependencies:
   • Run npm install in the root directory.
   • Navigate to the client folder and run npm install for the frontend.
3. Set up environment variables for MongoDB connection and JWT secrets.
4. Start the backend server:
   • Run npm start or nodemon in the root directory.
5. Start the frontend server:
   • Navigate to the client folder and run npm start.

Contribution

Contributions are welcome! Please fork the repository and create a pull request.

License

This project is licensed under the MIT License.