sohagmahin / vault-manager

Vault manager [ MERN ]

🔐 Vault manager

Vault manager is a simple and minimal password manager. Developed by MERN Stack.

This is a self-learning project. So don’t aspect all functionality which has a real password manager. The repo is absolutely for beginners.
So, What I did in this project?

In Backend: Created user module and vault module. so users can able signup, sign in, and manage their profile. And also store their vaults by vault module. And all important vault data are encrypted by cryptoJS(symmetric-key algorithm) and user module data are encrypted by bcrypt package. So the data are well protected on the database.

In front-end: Made a minimal and user-friendly interface by React and daisyUI(tailwind-based CSS framework). All data are coming from the backend via REST-FULL API. And I used Redux for state management [RTK with Query]. I know this is overwhelming to use redux in a small project like this. but for learning purposes, I did that.

-> vanilla_redux code

Technology:

Frontend:

Backend

Core Library for backend

   bcrypt,
   cors,
   crypto-js,
   express-validator,
   jsonwebtoken,
   mongoose

✅ Done

• USER CRUD frontend + backend
• Vaults CRUD frontend + backend
• Profile Page frontend
• Forget password frontend
• Logout frontend

🏗️ Working progress

• add profile photo
• forget password (frontend + backend)
• Support PWA
• RTK and RTK-query
• Dockerize the axpp

🚀 Run Project By Docker:

  1. ✏️ Type in terminal:

        docker compose up -d

  You are good to go! visit http://localhost

🔌 Run Project without Docker:

  1. 🔨 Set up 📁 /backend .env file:

        copy .env.dev.backend to /backend/.env then update it by your own config.

  2. 🔨 Set up 📁 /frontend .env file:

        copy .env.dev.frontend to /fronend/.env then update it by your own config.
        
  Then hit `npm start for both backend and frontend!`

📹 Live Demo link

http://36.255.71.194