"I don't want to conquer anything. I just think the guy with the most freedom in this whole ocean... is the Pirate King!" - Monkey D. Luffy

Freedom is an encrypted data storage application inspired by the spirit of adventure and freedom from One Piece! Just like Luffy's unwavering determination to protect his crew and their dreams, Freedom protects your most valuable data with unbreakable AES-256-GCM encryption.

• AES-256-GCM Encryption - Like Luffy's Haki, impenetrable protection
• 64-Character Encryption Keys - Your treasure map that only you possess
• Client-Side Encryption - Your data never travels unprotected
• Zero-Knowledge Architecture - Even we can't see your secrets

• 🔥 Real-time Analytics with Firebase tracking
• ⚡ Lightning Fast API with error recovery
• 🎯 SEO Optimized for maximum visibility
• 📱 Progressive Web App - Works anywhere, anytime
• 🛡️ Security Headers and HTTPS everywhere
• 🔄 Auto-Recovery from network issues

• Frontend: React.js with Ant Design UI (Smooth as Luffy's Gear 5!)
• Backend: Bun.js with native HTTP server (Fast as Luffy's Gear 2!)
• Database: MongoDB Atlas (Vast as the Grand Line!)
• Authentication: Google OAuth 2.0 (Secure as Marine Headquarters!)
• Deployment: Docker containerization (Portable as the Thousand Sunny!)

When you start the app, you'll be greeted with an epic Luffy animation that embodies the spirit of freedom and adventure - just like when Luffy sets sail for his next island!

    🏴‍☠️ Loading your Freedom...
         ⚡ Gear 5 Activated! ⚡
    🌊 Setting sail to secure waters... 🌊

# Clone the treasure
git clone https://github.com/yourusername/encrypted-data-ui.git
cd encrypted-data-ui

# Run the setup script (works on all OS)
./setup.sh    # Linux/macOS
# or
setup.bat     # Windows

# Start your adventure
docker-compose up -d

# Install dependencies for both frontend and backend
npm install

# Set up environment variables
cp API/env.example API/.env
# Edit API/.env with your MongoDB Atlas URI and Google OAuth credentials

# Start the development servers
npm run dev:api     # Backend on port 3001 (Bun.js)
npm run dev:webapp  # Frontend on port 3000 (React)

Create your .env files like a true navigator:

# MongoDB (Your treasure vault)
MONGODB_URI=mongodb+srv://username:password@cluster.mongodb.net/freedom_db

# Google OAuth (Your crew authentication)
GOOGLE_CLIENT_ID=your_google_client_id
GOOGLE_CLIENT_SECRET=your_google_client_secret

# JWT Security (Your Haki protection)
JWT_SECRET=your_ultra_secure_jwt_secret_64_characters_or_more_like_luffys_will

# API Configuration
NODE_ENV=production
PORT=3001

# API Connection (Your ship's communication)
REACT_APP_API_URL=https://encryptedapi.trackitall.in

# Google OAuth (Crew verification)
REACT_APP_GOOGLE_CLIENT_ID=your_google_client_id

# Firebase Analytics (Adventure tracking)
REACT_APP_FIREBASE_API_KEY=your_firebase_api_key
REACT_APP_FIREBASE_PROJECT_ID=your_firebase_project_id

Name: "My Secret Treasure"
Key: 64-character encryption key (auto-generated like a Devil Fruit power!)

Select your encryption → Enter your data → Encrypt & Store
Your data is now protected like the One Piece treasure!

Select encryption → Enter your 64-character key → Decrypt & View
Access your secrets with the power of your encryption key!

encrypted-data-ui/
├── 🚢 API/                    # Backend crew (Bun.js)
│   ├── src/
│   │   ├── controllers/       # Route handlers (like Nami's navigation)
│   │   ├── models/           # Data models (treasure maps)
│   │   ├── services/         # Business logic (battle strategies)
│   │   ├── utils/            # Helper functions (crew utilities)
│   │   └── routes/           # API routes (ship routes)
│   └── Dockerfile
├── 🌊 WEBAPP/                 # Frontend crew (React)
│   ├── src/
│   │   ├── atoms/            # Basic components (crew members)
│   │   ├── molecules/        # Combined components (attack combos)
│   │   ├── organisms/        # Complex components (ship systems)
│   │   ├── pages/            # Application pages (islands)
│   │   ├── services/         # API calls (messenger birds)
│   │   └── hooks/            # React hooks (special abilities)
│   └── Dockerfile
├── 🐳 docker-compose.yml     # Ship deployment configuration
├── ⚙️ setup.sh              # Automatic setup script
└── 📚 README.md             # This adventure guide

• Firebase Analytics tracks user journeys like Luffy's adventure log
• Error Boundaries catch and handle crashes gracefully
• Performance Monitoring ensures smooth sailing
• Security Event Tracking monitors for threats

• Rate Limiting prevents spam attacks
• CORS Protection secures cross-origin requests
• Input Validation sanitizes all data
• Error Recovery handles network failures
• Secure Headers protect against common attacks

• Code Splitting for faster loading
• Lazy Loading of components
• Caching Strategies for better performance
• Compression for smaller payloads
• CDN Ready for global distribution

# Start development (like setting sail!)
npm run dev

# Run tests (training with your crew)
npm test

# Build for production (preparing for the final battle)
npm run build

# Deploy with Docker (launching your ship)
docker-compose up -d

# Clean Docker (cleaning the ship)
./clean-docker.sh

# View logs (checking the ship's log)
docker-compose logs -f

Note: The API service runs on Bun.js runtime for optimal performance, while the workspace management uses npm for compatibility.

Want to join Luffy's crew and contribute to Freedom? Here's how:

1. Fork the repository (get your own ship)
2. Create a feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request (join the crew officially!)

# Build and start all services
docker-compose up -d

# Check if everything is running
docker-compose ps

# View logs
docker-compose logs -f webapp
docker-compose logs -f api

• Frontend: https://encryptedui.trackitall.in/
• API: https://encryptedapi.trackitall.in/
• Health Check: https://encryptedapi.trackitall.in/api/health

• End-to-end encryption - Your data is encrypted before it leaves your device
• Zero-knowledge architecture - We can't see your data even if we wanted to
• Industry-standard encryption - AES-256-GCM with unique keys
• Secure authentication - Google OAuth 2.0 integration

• Beautiful UI inspired by the freedom of the seas
• Responsive design works on all devices
• Real-time feedback with loading animations
• Error recovery that actually works
• Intuitive navigation like following a treasure map

• Lightning fast API responses
• Optimized React components
• Efficient caching strategies
• Progressive loading for better UX
• Global CDN ready architecture

Just like Monkey D. Luffy pursues his dream of becoming the Pirate King with absolute freedom, Freedom gives you complete control over your data. No corporate overlords, no data mining, no hidden agendas - just pure, uncompromised security for your digital treasures.

Your encryption key is your Devil Fruit power - unique to you and incredibly powerful. Guard it well, and it will protect your most precious secrets!

• 🌊 Live Demo: Freedom App
• ⚡ API Status: API Health
• 📧 Issues: Open a GitHub issue
• 🏴‍☠️ Discussions: GitHub Discussions

This project is licensed under the MIT License - see the LICENSE file for details.

"The sea is vast and full of possibilities. Set sail with Freedom and protect your digital treasures!"

⚡ Gear 5 - Freedom Mode Activated! ⚡