ATTENDANCE MARKER

Submission for Microsoft Engage November 2021

This web app makes it possible for the teacher to submit the attendance of the student in their class. Conventionally, teachers mark attendance on an attendance sheet. However, now they can mark the attendance digitally and make it possible for the students as well to keep track of their attendance.

The website is hosted at https://whispering-lake-33806.herokuapp.com/

You tube video link: https://youtu.be/E1ONA-17Beo

Tech Stack

HTML | CSS | Javascript | Bootstrap | Node js | Express js | MongoDb | VS Code | Heroku

Instructions

1. git clone https://github.com/salonee05/Attendance_App

2. cd ./Attendance_App

3. Install node dependencies using npm install in cmd

4. In app.js file Set port as 3000 and delete lines 24-26.

5. Run command node app.js in cmd

6. The app is now running at http://localhost:3000

Features

1. Dashboard for both students and teacher displaying the classes enrolled in.

2. View Attendance Page for the teacher to view attendance of the students in a class.

3. Take attendance of the students in a class

4. Display the attendance of the student and the total classes of a particular subject on the dashboard.

5. Separate dashboard for students and teachers

6. Sign in feature and password encrytption using bcrypt.

7. Currently working on pre defined database. The credentials for students and teachers are available in the credentials file in the repository.

Snapshots of the web app

Sign-in Page

Student Dashboard

Teacher Dashboard

View Attendance

Take Attendance

Future Scope

•Adding sign up functionality.

•Allowing teacher to create classroom.

•Downloading the attendance in the form of excel sheet.

•Allow teacher to make announcements.