Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mohit138928/language-detector

Last synced: 9 days ago
JSON representation

Host: GitHub
URL: https://github.com/mohit138928/language-detector
Owner: Mohit138928
Created: 2024-09-10T06:29:52.000Z (2 months ago)
Default Branch: main
Last Pushed: 2024-09-11T04:30:21.000Z (2 months ago)
Last Synced: 2024-09-11T11:05:36.358Z (2 months ago)
Language: JavaScript
Size: 6.44 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # Language Detection using Azure Language Service

This project is a web application built using the MERN stack (MongoDB, Express.js, React.js, Node.js) with Tailwind CSS for styling. The application leverages Azure's Language Service to detect the language of a given text input.

## Table of Contents

- [About the Project](#about-the-project)

- [Features](#features)

- [Technologies Used](#technologies-used)

- [Getting Started](#getting-started)

- [Installation](#installation)

- [Usage](#usage)

- [Screenshots](#screenshots)

- [Contributors](#contributors)

- [License](#license)

## About the Project

The "Language Detection" application takes a text input from the user and uses Azure's Language Service API to detect the language in which the text is written. The application is responsive and easy to use, providing quick results.

## Features

- **Language Detection**: Automatically detects the language of the input text.

- **Azure Integration**: Uses Azure's Language Service for accurate detection.

- **Responsive Design**: Built with Tailwind CSS to ensure the application looks great on all devices.

- **No Authentication Required**: The application is publicly accessible without any login or signup.

## Technologies Used

- **MongoDB**: Database for storing user inputs and detection results.

- **Express.js**: Server-side framework.

- **React.js**: Frontend framework for building a responsive user interface.

- **Node.js**: Backend runtime environment.

- **Tailwind CSS**: Utility-first CSS framework for styling.

- **Azure Language Service**: Provides the language detection functionality.

## Getting Started

To get a local copy up and running, follow these simple steps.

### Prerequisites

Ensure you have the following installed:

- Node.js

- npm (Node Package Manager)

- MongoDB

### Installation

1. **Clone the Repository**

   ```sh

   git clone https://github.com/Mohit138928/Language-Detector.git

   cd language-detection-azure

2. **Install Backend Dependencies**

   ```sh

   cd backend

   npm install

3. **Install Frontend Dependencies**

   ```sh

   cd ../frontend

   npm install

4. **Add Environment Variables**

    ```sh

    MONGODB_URI="YOUR_URI"

    AZURE_LANGUAGE_API_KEY="YOUR_API_KEY"

    AZURE_LANGUAGE_ENDPOINT="YOUR_ENDPOINT_KEY"

### Usage

1. **Run the Backend**

    ```sh

    cd backend

    npm start

2. **Run the Frontend**

    ```sh

    cd frontend

    npm start

3. **Open the Application**

Go to http://localhost:3000 in your web browser to use the application.

### Screenshots

[![Preview 1]()](/language-detection-frontend/assets/1.png)

[![Preview 2]()](/language-detection-frontend/assets/2.png)

[![Preview 3]()](/language-detection-frontend/assets/3.png)

### PowerPoint Presentation

[![Preview of PPT]()](/language-detection-frontend/assets/Language%20Detection.pptx)

### Contributors

- **[Mohit Maurya](https://github.com/Mohit138928)**

- **[Himanshu Sharma](https://github.com/himanshusharma0909)**

- **[Suraj](https://github.com/surajriyar)**

- **[Dheeru](https://www.linkedin.com/in/dheeru-madhesiya-0800412a6)**