
Tech Stack
Description
SecretGuard is a client-side tool that detects and masks sensitive data in real time before it reaches any AI model. It handles emails, passwords, API keys, credit cards, and similar patterns entirely within the browser.
The system is structured as a monorepo with a reusable detection library and a sleek web interface. Web Workers carry out the heavy processing so the UI remains smooth even with long text.
The frontend follows a clean SaaS design using React, TailwindCSS, and Framer Motion, keeping the experience simple and fast.
The core library, secretguard-core, exposes detection and masking functions that developers can use directly in their own projects.
The entire project runs locally with no data collection or network calls, ensuring full privacy for users who work with AI tools.
- Built a fully client-side system for detecting and masking sensitive data
- Separated the detection logic into a reusable core library
- Added support for common patterns like emails, API keys, and financial data
- Used Web Workers for low-latency, real-time text processing
- Designed a clean, minimal interface with React and TailwindCSS
- Implemented dark/light mode and instant masking feedback
- Published the core library for programmatic use
- Kept the system completely offline for maximum privacy
- Deployed the web app through Vercel