LangEdge

A modern AI-powered language learning and translation platform.

Overview

LangEdge is a web application designed to make language learning and translation accessible and efficient through AI technology. This repository contains the frontend code for the LangEdge platform.

Features

• AI-powered Translation: Utilize advanced language models for accurate translations
• User-friendly Interface: Clean, intuitive design for optimal user experience
• Responsive Design: Fully functional across desktop and mobile devices
• Multiple Language Support: Translate between various languages

Links

• Live Website: langedge.kritapas.dev
• UI Design: Figma Design
• Backend Repository: LangEdge-Backend

Tech Stack

• Framework: React.js with TypeScript
• State Management: Redux Toolkit
• Authentication: Firebase
• Styling: CSS/SCSS
• Deployment: Cloudflare Pages

Roadmap / Future Plans

1. Text-to-Speech Implementation: Add voice output for translated content
2. Translation History: Save and manage previous translations
3. Premium Features: Implement paid plans for access to more advanced LLMs

Installation

1. Clone the repository
2. Install dependencies:

npm install

3. Set up environment variables
4. Start the development server:

npm run dev

Building for Production

npm run build

Copyright

© 2025 Kritapas Suwannawin. All rights reserved.