Tech Word Translator - Web

A modern, multilingual technical dictionary web application built with Next.js 16 and React 19.

Preview

🌍 Available in English, Spanish, and German • 🌙 Full Dark Mode Support

📸 View all screenshots →

Features

• 🌍 Multilingual: Support for English, Spanish, and German.
• 🎨 Modern UI: Built with Tailwind CSS 4 and shadcn/ui.
• ⚡ High Performance: Server Components, Turbopack, and React Compiler.
• 🔍 Advanced Search: Real-time search, category filtering, and alphabetical sorting (A→Z / Z→A).
• 🌙 Dark Mode: Fully supported out of the box.

Quick Start

# 1. Install dependencies
npm install

# 2. Configure environment
cp .env.example .env.local
# Edit .env.local with your API URL

# 3. Run development server
npm run dev

Open http://localhost:3000 with your browser.

Tech Stack

• Framework: Next.js 16 (App Router)
• Language: TypeScript
• Styling: Tailwind CSS 4
• Components: shadcn/ui
• State/Query: TanStack Query
• i18n: next-intl

Documentation

Detailed documentation is available in the /docs directory:

• 🚀 Getting Started - Installation and setup
• 🏗️ Architecture - Project structure and design decisions
• 💻 Development - Guidelines and best practices
• 🔌 API Integration - Hooks and client usage
• 🌍 Internationalization - Adding languages and translations
• 🚀 Deployment - Production deployment guide

License

This project is licensed under the GNU General Public License v3.0 - see the LICENSE file for details.