An open API service indexing awesome lists of open source software.

https://github.com/sakr2000/facepass_project

Graduation project combining web development with AI and Machine Learning. For more information, consider reading the readme file.
https://github.com/sakr2000/facepass_project

css3 face-recognition flask flask-api html5 js liveness-detection machine-learning ui-design ux-design

Last synced: 9 months ago
JSON representation

Graduation project combining web development with AI and Machine Learning. For more information, consider reading the readme file.

Awesome Lists containing this project

README

          

# FACEPASS_project

## Description

FacePass is a Chrome extension that works as a middle gateway to lock/unlock websites with your face using Ai based technologies such as (face recognition and liveness detection) to verify the identity of the user. It aims to provide more privacy in shared devices so that no one can access your personal websites or use your data except you.

## Table of Contents

- [Motivation](#motivation)
- [Tecnologies](#tecnologies)
- [Installation](#installation)
- [Challenges](#challenges)
- [Credits](#credits)

## Motivation

The problem we saw is that if you try to log into any website on the web you have two ways either the traditional way that you'll log in manually, by writing your password and email, then log in to the site. or you let Chrome save your password and email then it auto-fills your data in future logins.

In the first way (the traditional way) you have to write your email and password each time you log in to the site, and also you have to remember all the passwords for each site you have an account on. And we all know that we shouldn't use 1 password for all our sites (hackers will be very glad when you do this).

In the second way, you only log in once, and then Chrome saves your password and email so you don't have to remember them and write them again. but it also has a disadvantage, if anyone uses your device after you or if the device is shared between more than one person then you have no privacy at all. The other person can easily use your saved accounts and access your data.

So we came up with the idea of **FacePass** to provide a solution to this by locking your personal sites with your face to provide more privacy along with saving your passwords in the browser.

## Tecnologies

- HTML 5 / CSS 3
- JavaScript
- Python
- Flask

![badmath](https://img.shields.io/badge/Flask-000000?style=for-the-badge&logo=flask&logoColor=white)
![badmath](https://img.shields.io/badge/Jupyter-F37626.svg?&style=for-the-badge&logo=Jupyter&logoColor=white)
![badmath](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E)
![badmath](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)
![badmath](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)
![badmath](https://img.shields.io/badge/Python-FFD43B?style=for-the-badge&logo=python&logoColor=blue)

## Installation

For now, we haven't fully uploaded the extension on the store due to [the challenges](#challenges) we faced, but it works locally. If you want to try it, please follow these steps :

1. Clone or download the repository to your device

2. Install the required packages for the AI models to run in the `requirments.txt` file in the model folder. You can do this by changing the directory to `FACEPASS_project\Model\` and using the following command :

```
pip install -r requirements.txt
```

**_Note:_** The **dlib** package may make a problem when installing, the following link may help: https://github.com/datamagic2020/Install-dlib

3. Activate the developer mode on the browser and load the extension folder with `load unpacked`
![image](assets/Screenshot_1.png)

4. **After installation you are free to use and test the extension yourself**



## Challenges

- We faced a problem with the `dlib` library when we tried to upload the server-side code and the model to a remote server
- we couldn't find a way to discover and disable the log-in form on websites automatically so that users can specify the sites that they want to be locked. currently, we activated the extension on 3 sites (Facebook, GitHub, and Udemy)

## Credits

Thanks to my collaborators:

- [Mohamed Abdelkarem](https://github.com/Mohamed-Abdelkarem)
- [Ghada Hussein](https://github.com/ghada29)
- [Yasmen Khaled](https://github.com/YasmenKhaled)
- [Lobna Badr](https://github.com/lobnabadr)