A secure, centralized environment variable management platform built to end the chaos of lost .env files, fragmented team configurations, and accidental credentials leaks. Organize, store, audit, and securely share your workspace configurations from a single dashboard.
EnvVault is a lightweight, developer-focused web platform designed to securely store and manage environment variables across local, staging, and production ecosystems. It addresses a critical dev pain point: losing or corrupting local configuration keys during system updates, machine migrations, or collaborative project handoffs.
Every developer has experienced the frustration of cloning a legacy repository or switching development machines only to find that the .env.example file is outdated—or missing entirely. EnvVault provides an immutable, highly organized cloud vault for your configuration keys. It ensures that development keys, API secrets, and infrastructure strings are safely cataloged, structured, and instantly shareable to authorized workspace collaborators.
Experience the production environment live: ENV Vault
- Hierarchical Folders: Group credentials cleanly by project boundaries, core microservices, or custom environment layers (e.g.,
Development,Staging,Production). - Granular Controls: Create, rename, isolate, or strip variables within distinct folders to enforce a clean workspace hierarchy.
- Key-Value Real-time Mutation: Standardized configuration dashboard with dynamic validation checks.
- Rapid Exports: Download fully structured
.envconfigurations natively straight to your local directory or copy blocks immediately to your system clipboard.
- Multi-Tenant Access Control: Dynamically invite new team members or secondary developer accounts into your workspace organization.
- Secure Distribution: Distribute environmental variables smoothly over secure sockets without relying on high-risk, unencrypted third-party chat utilities like Slack or Discord.
- Security & Traceability Logs: Absolute transparency across all configuration mutation layers. Track exactly who created, opened, modified, or permanently deleted an environment variable string or root folder.
- Change Histories: Pinpoint timestamped configuration mutations instantly to accelerate debugging intervals during production outages.
- Core Runtime & Views: Vite + React + TypeScript (for high-speed HMR builds and bulletproof type safety)
- Styling & Layout: Tailwind CSS (for a sharp, fluid, and minimalist user interface theme)
- Testing & Quality Assurance: Vitest (for rapid component execution and unit validation assertions)
- Runtime Platform: Node.js
- Language & Architecture: TypeScript / JavaScript (Clean MVC service wrapper design)
- Testing Layers: Vitest (integrated for strict server-side endpoint assertions)
- Containerization Engine: Docker (
Dockerfile,docker-compose.ymlspecs) - Web Server & Routing Proxy: Nginx (configured via custom routing headers inside
nginx.conf) - Infrastructure as Code (IaC): Render Blueprints (
render.yaml) & Azure Container Apps deployment automated profiles (azure.yaml,deploy-containerapps.ps1)
The project maps clean separation of concerns using a decoupled monorepository design pattern, insulating client presentation logic from server api routing pipelines.
EnvVault/
│ ├── public/ # Static public assets (favicons, manifests)
│ ├── src/ # Client application source layer
│ │ ├── assets/ # Global UI imagery and asset styling
│ │ ├── components/ # Reusable, atomic UI view components
│ │ ├── context/ # React Context Providers for global state handling
│ │ ├── lib/ # Custom utility wrappers, API fetch clients, and helpers
│ │ └── pages/ # Route-level view structures and page layouts
│ │ ├── App.tsx # Main application router entry
│ │ ├── index.css # Core Tailwind CSS utilities injection
│ │ └── main.tsx # DOM mounting and rendering root
│ ├── vitest-env.d.ts # Vitest global type definitions
│ ├── .gitignore # Frontend untracked source definitions
│ ├── .eslintrc.json # Code style standards and linting logic
│ ├── index.html # Client SPA HTML layout wrapper
│ ├── package.json # Frontend dependency manifest
│ ├── tsconfig.json # TypeScript compilation constraints
│ ├── vercel.json # Vercel deployment configuration
│ ├── viteconfig.ts # Build-pipeline optimization properties
│ └── vitest.config.ts # Frontend execution block testing suite
Typical Programmer Kent
- GitHub: @KentxStuuki
This project is licensed under the MIT License. Feel free to use, modify, and distribute it for personal or commercial projects.