A large, bold blue letter S followed by a blue period on a light gray background.
Me

Eikhoi Translator

Eikhoi Translator is a real-time translation application that breaks down language barriers between English and Manipuri (Meitei). Leveraging powerful AI, it provides instant text and voice translation, text-to-speech, and speech-to-text capabilities. Built with a modern tech stack including Next.js, React, and Google’s Gemini models, it offers a seamless and intuitive user experience for communication and language learning, all wrapped in a clean, responsive interface.

Technology Overview

Here is a summary of the key technologies and architectural patterns used to build the Eikhoi Translator application.

Next.js & React
This application is built on Next.js, a powerful React framework that enables a hybrid of server-side rendering and client-side interactivity. By using React’s component-based architecture and Next.js’s App Router, the application benefits from efficient code organization, optimized performance, and a modern development workflow. This foundation allows for fast page loads and a seamless user experience.

TypeScript
The entire codebase is written in TypeScript, a superset of JavaScript that adds static typing. This ensures enhanced code quality, developer productivity, and bug prevention by catching type-related errors during development. Using TypeScript throughout the project leads to more maintainable, scalable, and robust code.

Tailwind CSS & shadcn/ui
The user interface is styled using Tailwind CSS, a utility-first CSS framework that allows for rapid and custom UI development directly within the markup. This is complemented by shadcn/ui, a collection of beautifully designed and accessible React components. This combination allows for the creation of a polished, modern, and fully responsive user interface that is both aesthetically pleasing and easy to maintain.

Google AI & Genkit
The core AI functionalities real-time translation, speech-to-text, and text-to-speech are powered by Google’s Gemini models via the Genkit framework. Genkit acts as a server-side toolkit to define, manage, and deploy AI-driven logic as “flows.” This architecture abstracts the complexity of interacting with the AI models, providing a secure and scalable way to integrate powerful generative AI features into the application.

Firebase App Hosting
The application is deployed and served using Firebase App Hosting. This managed hosting service is optimized for modern web apps, providing a fast, secure, and reliable environment with a global CDN. The hosting configuration is managed via a simple `apphosting.yaml` file, which includes setting up necessary server-side environment variables for secure API key management, ensuring a seamless and automated deployment process.

Technology Stacks:

  • Firebase
  • Firebase Studio
  • NEXTJS
  • Tailwind CSS
  • Google Analytics
  • Category: Uncategorized, Web Application
Visit Website

Share portfolio

Scroll to Top

Stay In Touch.

A large, light gray letter S followed by a solid dot on a pale background.

Creative Technologist