https://github.com/kumardeepak16/hidden-context-ai
Hidden Context AI is a modern, AI-powered tool that allows you to securely encode and decode hidden messages. It blends military-grade encryption with AI-generated disguise text to make secrets look natural in any context — casual, professional, tech, news, and more.
https://github.com/kumardeepak16/hidden-context-ai
ai-powered css encoder-decoder encryption-decryption framer-motion gemini-api html message message-en message-encoding-decoding react reactjs tailwindcss
Last synced: 4 months ago
JSON representation
Hidden Context AI is a modern, AI-powered tool that allows you to securely encode and decode hidden messages. It blends military-grade encryption with AI-generated disguise text to make secrets look natural in any context — casual, professional, tech, news, and more.
- Host: GitHub
- URL: https://github.com/kumardeepak16/hidden-context-ai
- Owner: KumarDeepak16
- Created: 2025-06-15T15:44:51.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-06-16T08:08:46.000Z (4 months ago)
- Last Synced: 2025-06-16T08:32:49.346Z (4 months ago)
- Topics: ai-powered, css, encoder-decoder, encryption-decryption, framer-motion, gemini-api, html, message, message-en, message-encoding-decoding, react, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://hiddencontext.netlify.app/
- Size: 106 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🕵️♂️ Hidden Context AI
**Hidden Context AI** is a modern, AI-powered tool that allows you to securely encode and decode hidden messages. It blends military-grade encryption with AI-generated disguise text to make secrets look natural in any context — casual, professional, tech, news, and more.
---
## ✨ Features
- 🔐 **Military-grade encryption/decryption**
- 🧠 **AI-generated disguise (Google Gemini 1.5 Flash)**
- 🎨 **Premium Orange/Red radial gradient design**
- 📱 **Fully responsive with pill-style selectors on mobile**
- ⚡ **Zero data storage or retention**
- 🍞 **Beautiful hot-toast notifications for success & errors**
- 🔗 **GitHub credit link with Lucide icon**
- 🎛️ **Disguise & Encoding style options**
---
## 🛠️ Technologies Used
- **React + Vite**
- **Tailwind CSS**
- **Framer Motion**
- **Lucide React Icons**
- **React Hot Toast**
- **Google Gemini 1.5 Flash API**
---
## 🚀 Local Setup
1. **Clone the repository**
```bash
git clone https://github.com/kumardeepak16/hidden-context-ai.git
cd hidden-context-ai
````
2. **Install dependencies**
```bash
npm install
```
3. **Configure Environment Variables**
Create a `.env` file in the root directory and fill it like:
```
VITE_GEMINI_API_KEY=your_google_gemini_api_key_here
```
Or simply copy from the provided example:
```bash
cp .env.example .env
```
4. **Start Development Server**
```bash
npm run dev
```
---
## 📝 Environment Variables (`.env`)
| Variable | Description |
| --------------------- | ------------------------------------ |
| `VITE_GEMINI_API_KEY` | Your Google Gemini 1.5 Flash API Key |
---
## 🧩 Project Structure
```
src/
│
├── App.jsx # Main app
├── main.jsx # Entry point
└── index.css # Tailwind & custom scroll styling
```
---
## 🎨 Design Highlights
* Radial Orange/Red gradient background
* Modern thin scrollbar (orange-red gradient)
* Auto focus for inputs
* Responsive: dropdown/pills on mobile, grid on desktop
* Minimal, premium typography and shadows
---
## 🤝 Contributing
PRs welcome! Please open issues first to discuss major changes.
---
## 📄 License
MIT © 2025 kumardeepak16
---
## 👨💻 Author
[](https://github.com/kumardeepak16)
**kumardeepak16** • [GitHub Profile](https://github.com/kumardeepak16)