Skip to content

josego85/TechWordTranslatorWEB

Repository files navigation

Tech Word Translator - Web

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

Preview

Tech Word Translator - Home

Words Grid View Word Detail - Dark Mode


🌍 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 and filtering.
  • πŸŒ™ 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:

License

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

About

Web client for TechWordTranslator API Β· EN/ES/DE translations πŸŒπŸ’»βœ¨

Resources

License

Stars

Watchers

Forks