Skip to content

sonimohit481/Translate-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 

Repository files navigation

🌍 Translate Project: Basic & React Versions

Welcome to the Translate Project, a duo of translation applications designed for educational purposes. This repository features two implementations of a translation tool:

  1. Basic Version: A simple JavaScript-based translation app for foundational learning.
  2. React Version: A feature-rich, modern app built with React and TypeScript.

📂 Folder Structure

🏗️ Basic Version

The Basic Version is a lightweight app demonstrating core concepts of using APIs and basic DOM manipulation.

Features

  • Translate text using the MyMemory Translation API.
  • Simple UI for quick understanding and prototyping.
  • Ideal for beginners exploring JavaScript.

👉 Explore the Basic Version


⚛️ React Version

The React Version is an advanced app showcasing modern web development techniques.

Features

  • Built with React, TypeScript, and TailwindCSS.
  • Includes real-time translation and Text-to-Speech functionality.
  • Aesthetic design with a gradient background and smooth user interactions.
  • Perfect for developers looking to learn advanced tools and frameworks.

👉 Dive into the React Version


🎥 Live Demo


⚠️ Disclaimer

This project is created solely for educational purposes. It is not intended for production use. API limitations and other potential constraints should be considered when using this project.


🔗 Credits

Web APIs

  • MyMemory Translation API: Used for text translation across multiple languages.
  • SpeechSynthesis API: Enables text-to-speech functionality in the React Version.

Tools & Frameworks

Contributors

  • Developed by Mohit Soni.
  • Open for contributions! Feel free to create issues or pull requests.

🌟 Why This Project?

This project serves as a learning resource for developers at different stages:

  • Beginner Level: Start with the Basic Version to understand JavaScript and API calls.
  • Intermediate to Advanced Level: Dive into the React Version to explore modern development tools and best practices.

📄 License

This project is licensed under the MIT License. Feel free to use, modify, and distribute it while giving appropriate credit.


Happy Coding! 💻🌐