The marketing website for Deka - One API to rule them all
Deka is an open-source translation API aggregator that provides a unified interface to multiple translation providers including Google Translate, DeepL, and specialized African language providers like Lelapa AI and Khaya AI.
This repository contains the marketing website built with Next.js, showcasing Deka's features and vision.
Deka solves the complexity of working with multiple translation APIs by providing:
- 🔗 One API, Many Providers - Access Google, DeepL, and African language providers through a single endpoint
- 💰 Fair Pricing - Transparent pricing model: provider cost + 10%, no hidden fees
- 🌍 Under-resourced Languages - First-class support for African and other underserved languages
- 📖 Open Source - Community-driven, transparent development
deka-website/
├── deka-web-nextjs/ # Next.js website application
│ ├── app/ # App router pages
│ ├── components/ # Reusable React components
│ │ ├── hero/ # Hero section variants
│ │ ├── sections/ # Page sections (Features, WhyDeka, etc.)
│ │ └── ui/ # shadcn/ui components
│ ├── lib/ # Utility functions
│ └── public/ # Static assets
├── LICENSE # Apache 2 License
└── README.md # This file
- Framework: Next.js 15.3.3 with App Router
- Language: TypeScript 5.0
- Styling: Tailwind CSS 4.0
- Animations: Framer Motion 12.15
- UI Components: shadcn/ui with Radix UI
- Icons: Lucide React
- Deployment: Vercel (recommended)
- Node.js 18+
- npm, yarn, or pnpm
-
Clone the repository
git clone https://github.com/yourusername/deka-website.git cd deka-website/deka-web-nextjs -
Install dependencies
npm install # or yarn install # or pnpm install
-
Start the development server
npm run dev # or yarn dev # or pnpm dev
-
Open your browser
Navigate to http://localhost:3000 to see the website.
| Script | Description |
|---|---|
npm run dev |
Start development server with Turbopack |
npm run build |
Build the application for production |
npm run start |
Start the production server |
npm run lint |
Run ESLint for code quality checks |
The website follows a clean black and white design philosophy:
- Colors: Primarily grayscale with black accents
- Typography: Clean, readable fonts with clear hierarchy
- Components: Modular, reusable components with consistent styling
- Animations: Smooth, purposeful animations using Framer Motion
- Responsive: Mobile-first design that works on all devices
- Hero Section: Interactive flow diagram showing translation process
- Why Deka: Tabbed interface explaining core benefits
- What We're Building: Honest roadmap of features in development
- CTA Section: Clear call-to-action for early access
| Repository | Description | Status |
|---|---|---|
| deka-api | FastAPI backend server | 🚧 In Development |
| deka-docs | API documentation | 📋 Planned |
| deka-sdk | Client SDKs | 📋 Planned |
We welcome contributions! Here's how you can help:
- Fork the repository
- Create a feature branch:
git checkout -b feature/amazing-feature - Make your changes: Improve design, fix bugs, add features
- Commit your changes:
git commit -m 'Add amazing feature' - Push to the branch:
git push origin feature/amazing-feature - Open a Pull Request
- 🎨 Design improvements - Better animations, responsive design
- 🌐 Internationalization - Multi-language support for the website
- ♿ Accessibility - Improve screen reader support, keyboard navigation
- 📱 Mobile experience - Enhanced mobile interactions
- 🐛 Bug fixes - Fix any issues you find
This project is licensed under the MIT License - see the LICENSE file for details.
If you find Deka useful, please consider:
- ⭐ Starring this repository
- 🐛 Reporting bugs via Issues
- 💡 Suggesting features via Discussions
- 🤝 Contributing code via Pull Requests
- Website: deka.dev (coming soon)
- API Docs: docs.deka.dev (coming soon)
- GitHub: @yourusername
- Twitter: @deka_dev (coming soon)
Built with ❤️ for the developer community
Making translation APIs simple, fair, and accessible to everyone