danilo-formagio / nlw-upload-ai-web

A Web Application built with ReactJS and Node.js to upload video or download from youtube and generate title, description, transcription, questions and translation based on its content using AI

💻 NLW | Upload AI WEB

A web application designed to generate insights for video such as title, description, transcription, questions and translation based on video content using AI.

The system allows users to either upload video or insert the youtube URL, which will be converted into audio format and processed by OpenAI's Whisper model to generate the transcription.

It can be an excellent tool for content creators to automate your work using AI with the potential to expand its use to various other scenarios.

This project was created as part of Rocketseat NLW event: https://www.rocketseat.com.br/nlw.

NOTE: This is the front-end part, please find the API project here https://github.com/danilo-formagio/nlw-upload-ai-api

🧪 Technologies

Demo

upload-video-ai.webm

youtube-video-ai.webm

⚡️ Quick start

Dependencies

To run the application on your local machine, make sure you have Node.js and NPM installed before proceeding with the steps below.

OpenAI API Key is necessary for the AI integration, access or create a new account on https://openai.com/ to generate your API key.

Install and start API

1. Clone the API project

git clone [e-mail]:danilo-formagio/nlw-upload-ai-api.git

2. Setup OpenAI key

Edit .env file replacing OPENAI_KEY="OPENAI_KEY" with the generated OpenAI API key.

3. Install

npm install

4. Create database

npm run create:db

5. Run API

npm run dev

Install and start Web App

1. Clone the WEB project

git clone [e-mail]:danilo-formagio/nlw-upload-ai-web.git

2. Install

npm install

3. Run Web App

npm run dev

Access URL: http://localhost:5173/

📖 License

This project is under the MIT license.