Smart Attendance

An attendance tracking application with facial recognition using face-api.js. The system is a client-server architecture that contains several modules and each module is backed by the resolver in the server to handle GraphQL request query. It is basically designed for education institution that has 2 user roles- lecturer and student.

Credit

Facial Analytics API: Face-API

Getting Started

Requirement

1. You will need a dependency managers such as npm, yarn, brew, etc.
2. As for me, I am using npm.

Step 1: Download the source code

1. If you have "git" installed, open CMD and type "git clone https://github.com/Barrylimarti/Smart_Attendance.git"

Step 2: Install the dependency

1. Open project in Visual Studio Code or any IDE.
2. Open CMD in VSCode, type command: cd client && npm i
3. Open another terminal, type command: cd server && npm i

Step 3: Follow steps given in doc to set credentials(env variable)

  https://docs.google.com/document/d/1MYb4kCazT90eUUHd0IEcII57fpcNU3PtRy9zSY50DDE/edit?usp=sharing

---

Running the application

Server

1. Make sure all the env variables have been assigned in ".env" file.
2. Open CMD under directory "server", type "npm run dev".
3. The server is running on http://localhost:4000.

Client

1. The client script is built using ReactJS.
2. Open CMD under directory "client", type "npm start".
3. The client is running on http://localhost:3000.

---