I am experimenting with the face recognition task of computer vision. I would like to build a simple website that allows for a picture-based login.
Here are the requirements from the website.
- There should be a login page where users can register or login into their accounts.
- At the time of registration, users will have to provide a unique username and click a photograph from their webcam.
- At the time of login, they will have to provide their username and access to the webcam.
- The website should save the user's photograph along with the username at the time of registration. And match the photograph with the webcam live feed at the time of login.
- If the user in the photograph is present in the live feed, the website should allow access else it should deny access.
I am going to use the following tech stack for this project.
- Frontend:
- VueJS
- Socket.io
- Backend:
- Node.js
- Express.js
- Face-API.js
- Create the front end of the login page using Vue.JS. The login page should do two jobs, sign-in and sign-up.
- For sign-in, you should have a textbox for the username and the website should send your
- Create the backend using Express.js