🔐 EnvVault

A full-stack environment variable management platform for organizing, importing, exporting, and managing secrets across multiple projects.

---

🌟 Overview

EnvVault helps developers manage environment variables from a centralized dashboard instead of juggling multiple .env files across projects.

Problem

Project A → .env
Project B → .env
Project C → .env

Finding and managing secrets becomes messy.

Solution

             ┌─────────────┐
             │  EnvVault   │
             └──────┬──────┘
                    │
      ┌─────────────┼─────────────┐
      │             │             │
      ▼             ▼             ▼
  Project A     Project B     Project C
      │             │             │
  API Keys      JWT Secrets   DB URIs

---

✨ Features

📁 Project Management

• Create multiple projects
• Organize secrets project-wise
• Centralized dashboard

🔑 Secret Management

• Add environment variables
• Delete variables
• Hide sensitive values by default
• Reveal secrets when needed
• Copy secrets instantly

📄 .env Support

• Import variables from .env
• Export variables as .env
• Automatic parsing

💾 Persistence

• MongoDB storage
• Data survives restarts

---

🏗️ Architecture

                User
                  │
                  ▼
        ┌─────────────────┐
        │ React Frontend  │
        └────────┬────────┘
                 │ REST API
                 ▼
        ┌─────────────────┐
        │ Express Backend │
        └────────┬────────┘
                 │
                 ▼
        ┌─────────────────┐
        │ MongoDB Atlas   │
        └─────────────────┘

---

🛠️ Tech Stack

Layer	Technology
Frontend	React, React Router, Axios
Styling	Tailwind CSS
Backend	Node.js, Express.js
Database	MongoDB Atlas
File Uploads	Multer
ODM	Mongoose

---

📸 Screenshots

Dashboard

📷 Coming Soon

---

Project Details

📷 Coming Soon

---

Import .env

📷 Coming Soon

---

Secret Reveal

📷 Coming Soon

---

Export .env

📷 Coming Soon

---

📂 Folder Structure

EnvVault
│
├── backend
│   ├── config
│   ├── controllers
│   ├── middleware
│   ├── models
│   ├── routes
│   └── server.js
│
├── frontend
│   ├── src
│   │   ├── components
│   │   ├── pages
│   │   ├── services
│   │   ├── App.jsx
│   │   └── main.jsx
│
└── README.md

---

🚀 Getting Started

Clone Repository

git clone <repository-url>
cd EnvVault

---

Backend Setup

cd backend
npm install

Create .env

MONGODB_URI=your_connection_string
PORT=5000

Run backend

npm run dev

---

Frontend Setup

cd frontend
npm install
npm run dev

Frontend:

http://localhost:5173

Backend:

http://localhost:5000

---

🔄 Application Flow

Create Project
      │
      ▼
Add Variables
      │
      ▼
Import .env
      │
      ▼
Store in MongoDB
      │
      ▼
Reveal / Copy Secrets
      │
      ▼
Export .env

---

🔒 Security Notes

• .env files excluded from Git
• Uploaded files removed after processing
• Secrets hidden by default
• No sensitive credentials should be committed

---

🚧 Future Improvements

• Authentication & Authorization
• Variable Editing
• Search & Filtering
• Team Collaboration
• Secret Encryption
• Environment Separation
• Cloud Deployment

---

👩‍💻 Author

Disha Oza

• GitHub: https://github.com/DishaA06
• LinkedIn: https://www.linkedin.com/in/disha-oza-bba48928a/
• Portfolio: https://dishaa06.github.io/Disha_portfolio/