Student Performance Dashboard This project is a Student Performance Dashboard designed for teachers to track attendance and marks of students. It provides an interface for teachers to view and update attendance and marks records.

Our Repository link , for the code of our Project:

  https://github.com/TheMercury1229/Project-Based-Learning-11201-11209-11214-11216-11221

Features View attendance and marks of students in graphs and line chart. Update attendance and marks records for individual students. Technologies Used Frontend: React.js Recoil Root and Context for state managnment. React Router for navigation Material-UI for UI components Data Grid for the Graphs. Tailwind Css for other styling. Backend: Node.js with Express.js Local Postgre SQL database for data storage

Authentication: JWT (JSON Web Tokens) for token authentication bcyrpt package to hash the password Deployment: Not hosted yet , in the future scope. Usage Clone the repository:

git clone https://github.com/TheMercury1229/Project-Based-Learning-11201-11209-11214-11216-11221.git 

Install dependencies backend:

cd Backend 
npm i

Install dependencies Frontend:

cd Frontend 
npm i 

Set up environment variables: We have used env variables to for JWT secret , PSQL database password and username.

Start the backend server:

  cd Backend
  npm start

Start the frontend development server:

  cd Frontend 
  npm run dev

Open your browser and navigate to http://localhost:5173 to view the Student Performance Dashboard.

Our Project Contributors : Shubham011104 Samarth1542005 TheMercury1229 VivekBhalke krish171205

Contributing Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

Fork the repository. Create a new branch (git checkout -b feature/my-feature). Make your changes. Commit your changes (git commit -am 'Add new feature'). Push to the branch (git push origin feature/my-feature). Create a new Pull Request.