This is a full-stack web application developed using the MERN (MongoDB, Express.js, React, Node.js) stack with Redux for state management. The primary purpose of this application is to manage student attendance efficiently. It offers a range of features to simplify the process of tracking and managing student attendance.
-
✅ Register/Login Screens: Users can create accounts and log in securely.
-
✅ Student Details: View a list of all students along with their details.
-
✅ Add Student: Add new students to the system with relevant information.
-
✅ Edit/Delete Student Details: Modify or remove student records as needed.
-
✅ Update Student Whereabouts: Keep track of student whereabouts and update the information when necessary.
-
✅ Daily Attendance: Take attendance for students on a daily basis.
-
✅ Attendance Details: View attendance history and statistics.
-
✅ Download CSV: Download attendance data in CSV format for further analysis.
-
✅ Delete Attendance Records: Admins can remove attendance records for a specific number of previous days.
-
✅ User Management: Admins can manage user accounts and edit their admin status.
-
✅ Admin Control: Data is controlled by administrators, ensuring security and access control.
npm install
cd frontend && npm install
NODE_ENV = development/production
PORT = 5000
MONGO_URI= Mongo Uri
JWT_SECRET= JWT Key
-
Frontend:
- React
- Redux for state management
- React Router for routing
- Axios for API requests
- Material-UI for UI components
-
Backend:
- Node.js with Express.js
- MongoDB for database storage
- Mongoose for database modeling
- Json Web Token for authentication
Pull requests are welcome. 🙂