🌐 AI Translator - Glassmorphism UI

Instant AI-powered translation for 20+ languages with stunning 2026 glassmorphism design.

✨ Features

• 20+ Languages: EN, FR, ES, DE, JP, CN, AR, Hindi + more
• Real-time AI Translation via localhost:3001 API
• Liquid Glass™ Effects - Advanced blur + saturation
• Custom Dropdowns - Perfect z-index layering
• Responsive Design - Desktop + Mobile
• SF Pro Typography - Native macOS feel

🛠️ Tech Stack

Frontend: React + Inline CSS (Glassmorphism)
Backend:  Node.js + Express
AI:       Google Generative AI
Validation: Zod
Security:  Helmet + CORS

🚀 Quick Start

Prerequisites

Node.js 18+
npm/yarn

1. Clone & Install Frontend

git clone (https://github.com/codes-by-sethu/Multilingual-Translation-API)
cd frontend
npm install
npm run dev

2. Start Backend (separate terminal)

cd backend
npm install
cp .env.example .env
npm run dev

Frontend: http://localhost:3000
Backend API: http://localhost:3001/api/translations

📁 Project Structure

├── frontend/          # React Glassmorphism UI
├── backend/           # Node.js + TypeScript API
├── .gitignore         # Node + React optimized
└── README.md

🤝 Contributing

1. Fork the repo
2. Create feature branch (git checkout -b feature/amazing)
3. Commit changes (git commit -m 'Add amazing feature')
4. Push (git push origin feature/amazing)
5. Open Pull Request

📄 License

MIT - Free to use in commercial projects ✨

---

Built with ❤️ using 2026 Glassmorphism trends