https://github.com/cocoshesh/transcribe

I built this website using TypeScript to practice my skills. It's designed for transcribing audio to text and then translating the transcribed text into various languages.
https://github.com/cocoshesh/transcribe

api context-api dotenv react-icons react-speech-recognition react-translate tailwindcss typescript

Last synced: 14 days ago
JSON representation

I built this website using TypeScript to practice my skills. It's designed for transcribing audio to text and then translating the transcribed text into various languages.

• Host: GitHub
• URL: https://github.com/cocoshesh/transcribe
• Owner: CocoShesh
• Created: 2024-05-09T07:34:01.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-05-13T14:37:13.000Z (about 2 years ago)
• Last Synced: 2025-07-06T21:11:47.307Z (11 months ago)
• Topics: api, context-api, dotenv, react-icons, react-speech-recognition, react-translate, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://transcribe-v1.netlify.app
• Size: 256 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# TranScribe

I built this website using TypeScript to practice my skills. It's designed for transcribing audio to text and then translating the transcribed text into various languages.

![Screenshot 2024-05-13 004657](https://github.com/CocoShesh/Transcribe/assets/110368170/f716c2ed-2bf7-4267-9908-d1b45875d536)

## Features

- **Transcription:** Easily transcribe audio files into text format.

- **Translation:** Translate transcribed text into multiple languages.

- **User-Friendly Interface:** Intuitive design for seamless user experience.

- **Efficient:** Swift transcription and translation processes.

- **Customization:** Options to adjust settings according to user preferences.

## Installation

1. Clone the repository.

2. Install dependencies using `npm install`.

3. Run the development server with `npm start`.

## Usage

1. Upload your audio file to the website.

2. Initiate the transcription process.

3. Once transcribed, choose the desired language for translation.

4. Enjoy your transcribed and translated text!

## Technologies Used

- TypeScript

- React

- Context API

- Tailwind CSS

- Google Fonts

- React Icons

- Dotenv

- React Speech Recognition

- React Translate (Google Cloud Translate)

  

Installation

    Clone the repository.

    Install dependencies using npm install.

    Run the development server with npm start.