TransLater

📋 Table of Contents

1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features
4. 🤸 Quick Start
5. 🕸️ Assets & Code
6. 🚀 More

🚨 Tutorial

⚙️ Tech Stack

• Next.js
• TypeScript
• OpenAI API
• React Speech Recognition
• Tailwind CSS

🔋 Features

👉 Speech Recognition: Converts spoken words into text using the Web Speech API.

👉 Text Translation: Translates the recognized text into a selected target language using OpenAI's GPT-4 model.

👉 Audio Playback: Converts translated text back into speech using the Web Speech API's speech synthesis.

👉 File Upload: Reads and translates text from uploaded files, including RTF to plain text conversion.

👉 Link Content Fetching: Fetches and translates text content from provided URLs.

👉 Language Selection: Allows users to select target languages for translation.

👉 Copy to Clipboard: Copies the translated text to the clipboard.

👉 Like, Dislike, and Favorite: Provides user interaction features for translations.

👉 Responsive Design: Ensures a seamless experience across different devices.

🤸 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/ayush123-bit/TransLater
cd Translator

Installation

Install the project dependencies using npm:

npm install

Set Up Environment Variables

Create a new file named .env in the root of your project and add the following content:

NEXT_PUBLIC_GEMINI_API_KEY=your-gemini-key

Running the Project

npm run dev

Open http://localhost:3000 in your browser to view the project.