aryyan0701/react-i18

This repo is all about how to make a react app in any language using i18next or react-i18next.

Multilingual React App

Welcome to the Multilingual React App! This project demonstrates how to implement multilingual feature in a React application using the i18next library. It supports multiple languages and provides a seamless language-switching experience for users.

Features

• Language Detection: Automatically detects the user's language preferences and switches the app's language accordingly.
• Multiple Languages: Supports English, Hindi, Marathi, and Gujarati.
• Dynamic Language Switching: Allows users to change the app's language dynamically through a language selector.
• RTL Support: Handles right-to-left languages like Arabic for proper text direction.

Tech Stack

• React.js: Used as the frontend framework for building the user interface.
• Tailwind CSS: Used for styling the user interface with customizable and reusable classes.
• i18next: Manages translations.
• i18next-browser-languagedetector: Detects the user's language preferences from various sources.
• react-i18next: Provides React bindings for i18next, enabling translation hooks in React components.

Quick Start

Getting Started

To get started with the project, follow these steps:

1. Clone the repository:

   git clone https://github.com/aryyan0701/react-i18.git
   

2. Navigate into the project directory:

   cd your_project_name
   

3. Install dependencies:

   npm install
   

4. Start the development server:

   npm run dev
   

5. Open your browser and visit http://localhost:5137 to view the application.

Usage

• Use the language selector in the navigation bar to switch between supported languages.
• The application will dynamically update the displayed language based on the selected option.

Contributors

• aryyan0701 - Project Lead & Developer

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgements

• React.js community for providing a powerful frontend library for building user interfaces.
• Tailwind CSS for offering a utility-first CSS framework for rapid prototyping and styling.
• i18next for providing robust internationalization support.
• Vercel for simplifying the deployment process and providing hosting services.

Further Help

• For more information on using React.js, Tailwind CSS, or i18next, refer to their official documentation.
• If you need assistance with the project, feel free to reach out to the project lead or contributors.

Thank You ..!!