Overview

We have developed a cutting-edge Captions Generator Application from scratch using the latest technologies including Next.js 13, React, Tailwind.css, and WebAssembly. For storage, we use an aws s3 bucket and for transcription, we use an aws transcribe service. This innovative application transcribes videos and applies adjustable captions with a user-friendly editor. Noteworthy features include customizable options such as colour schemes, margins, and more, enhancing user experience and accessibility.

Technologies and Frameworks

• Next.js
• React
• Axios
• Tailwind CSS
• WebAssembly
• AWS SDK
• AWS S3
• AWS Transcribe

Installation

Follow the steps below to install and setup the project:

1. Clone the repository

   Open your terminal and run the following command:

   git clone hhttps://github.com/ParthMadhvani2/FramePhase.git

2. Navigate to the project directory

   cd framephase

3. Install Node.js

   The project requires Node.js version 13.4.19 or later. You can download it from here.

4. Install the required dependencies

   Run the following command to install all the required dependencies:

   npm install

   This will install all the dependencies listed in the package.json file, including Next.js, React, React DOM, Axios, Stripe, Tailwind CSS, and other specific dependencies such as "@aws-sdk/client-s3" and "@aws-sdk/client-transcribe".

5. Setup environment variables

   Create a .env file in the root directory of your project and add the required environment variables.

6. Run the project

   Now, you can run the project using the following command:

   npm run dev

   Open http://localhost:3000 with your browser to see the result.

   License

MIT