✔️MYSecure : Microsoft Engage Project'22( With Face Recognition Technology)

MY-SECURE is the Web Application that helps you manage your passwords as we generally have many passwords for different websites. So, It becomes difficult for us to remember them all, and storing it anywhere is not secure at all. So, Here's MY-SECURE to help you to save and manage your passwords.

🔗 Demo Video Link: https://youtu.be/DCnqAczzKlk

🔗 Web Application(Hosted): https://mysecure1.herokuapp.com/

 

✂️ Note : As I was getting issue while merging the code of password manager and face recognition system as firstly I have made them seprately so I have hosted the password manager and then the link embeded in the face recognition application. So, the code of passwd Manager is in another repository. You can access it through the link below 👇.

🔗 Password-Manager2 Github Repository link: https://github.com/mansi2024/PasswdManager

 

📃Table of Contents

📌 Features
📌 Tech Stack Used
📌 Getting Started
📌 Application Flow
📌 Challanges faced and learnings
📌 Resources

✈️Features

• Firstly, It's a two-step Authentication application where first you need to register and log in with your face and email ID.
• After logging in with your face you will get access to the MY-SECURE Password-Manager tool.
• Again You need to sign up and then sign in Then you will be able to store all your confidential passwords in your account of MY-SECURE.
• You can add details of different websites' passwords, usernames, emails, and website links with MY-SECURE.
• You can update your password and other information anytime.
• You can also delete your website details anytime.
• Add more Features  

💻Tech Stack Used

🔧Flask + 🔧Python - for Server-Side development.
🔧JavaScript + 🔧HTML + 🔧CSS + 🔧Bootstrap5 - for frontend development.
🔧VisualStudioCode - IDE Used for development.
 

🚀Getting Started

• Clone the git repository.

  git clone git@github.com:mansi2024/MYSecure.git.

• Creating the Virtual Environment.

  pipenv shell
  

• Installing All the requirements

  pip install -r requirements.txt

• Setting up the environment.

   $env:FLASK_APP="app.py"
   $env:FLASK_ENV="development"
   

• Run the Application.

   flask run

📋Application Flow

- Welcome to MY-SECURE(First Page)

You can register from here and then log in.

- Registration Page (UI of Login Page is just similar)

 

- Password Manager (Access)

Now you have access to Password Manager tool

- Sign-Up and then Sign-in

- Add Password

- Your Account

Here you can add passwords, and update your account details by clicking on Account.

- Your Dashboard

Here all your Saved Password is where you can also update, and delete your website details.

Challenges Faced and Learnings

• I don't know Flask and never built any application on it, So firstly I learned Flask through LinkedIn Learning completed the Flask essential training, made the URL shortener small application to understand it more, and then started to build MY-SECURE.
• I have faced problems in using Face Recognition Library but read the documentation and was successfully able to implement it.
• I have faced a lot of issues and errors while making a login system using Flask but reading the documentation of Flask-login and some YouTube videos helped alot.
• After I had made two separate models face recognition and password manager thinking that I would be able to merge it but faced the issue and many errors due to a version related issue, This has taken a lot of time and even up to 3-4 days. after that, I got the idea to host the password manager and embed the link in my first application.
• I have learned a lot during the Engage program and fell in love with development and problem-solving. It's overall a great experience.