Multilingual Text and Speech Translator Final Year

In this Final Year project User Functionality only Exists

• Translate text across 100+ languages in this final year project
• Type text manually in source panel
• Speak into microphone for speech-to-text input
• Convert speech into source text
• Translate source text into target language
• Listen to translated output using text-to-speech
• Use browser Speech Synthesis API for audio playback
• Select source language
• Select target language
• Swap source and target languages
• Swap source and translated text
• Copy translated text to clipboard
• Clear source text and translated output
• Reset speech transcript
• Toggle dark mode and light mode
• Respect system theme preference on first load
• Use Ctrl + Enter or Cmd + Enter shortcut for translation
• View live character count
• View loading spinner during translation
• View inline error banner on failure
• Save successful translation to MongoDB
• Use responsive interface on desktop and mobile
• View unsupported browser fallback where speech recognition is not available

The core features include text translation, speech-to-text, text-to-speech, language swap, copy translation, clear all, theme toggle, shortcut support, character count, loading/error states, and MongoDB logging.

• Full-stack MERN architecture
• React 18 frontend
• Create React App build setup
• Chakra UI component library
• Framer Motion animations
• Axios HTTP requests
• react-speech-recognition package
• Browser Web Speech API
• Web Speech Synthesis API
• React Icons
• Emotion CSS-in-JS
• Node.js backend
• Express REST API
• Mongoose ODM
• MongoDB translation history
• translate-google-api wrapper
• dotenv configuration
• Nodemon development restart
• Vercel frontend deployment support
• Render backend deployment support
• Modern production-ready UI
• Dark/light theme support
• Browser compatibility handling

The technology stack includes React, Create React App, Chakra UI, Framer Motion, Axios, react-speech-recognition, React Icons, Emotion, Web Speech APIs, Node.js, Express, Mongoose, translate-google-api, CORS, dotenv, Nodemon, MongoDB, Vercel, and Render.

Technology Used

Step 1: Clone the repository

git clone <repository-url>

cd multilingual-text-and-speech-translator-main

Step 2: Set up backend

cd backend

npm install

Create backend/.env:

DATABASE_URL=mongodb://localhost:27017/linguaflow

PORT=8080

Start backend server:

npm run dev

For production:

npm start

Expected output:

Connected to database

http://localhost:8080

Step 3: Set up frontend

Open a new terminal:

cd frontend

npm install

To use local backend, update API_URL in:

frontend/src/hooks/useTranslator.js

Set:

const API_URL = "http://localhost:8080/translate-text";

Start React app:

npm start

Frontend opens at:

http://localhost:3000

The run instructions include backend setup, .env configuration, backend start, frontend setup, optional local API URL update, and frontend start.

Environment Variables

Backend .env

DATABASE_URL=mongodb://localhost:27017/linguaflow

PORT=8080

This application does not require login or authentication.

There are:

• No default usernames
• No default passwords
• No admin credentials
• No API keys required for normal translation usage
• No login panel
• No admin panel

The only required local development credential/configuration is the MongoDB connection string in backend/.env