VagnerNerves / nlw-ia-mastery-092023

Developed the video transcription project with AI and requests to OpenAI's AI, aiming at generating titles, descriptions, and other options.

Project NLW IA Mastery

Developed the video transcription project with AI and requests to OpenAI's AI, aiming at generating titles, descriptions, and other options.

🧭 Table of contents

• 🧭 Table of contents
• 🎥 Implementation Video
• 👏 Learning and more Implementations
• 💡 Technologies Used
  • Back-end
  • Front-end Web
• 📂 Folder Structure
• 🚀 Running the Project
  • Back-end
  • Front-end Web
• 🌎 License
• ✒ Author

🎥 Implementation Video

Project.NLW.IA.Mastery.mp4

👏 Learning and more Implementations

• Learned to use OpenAI's API.
• Learned to convert the video to MP3 using ffmpeg.wasm through the user's web browser.

💡 Technologies Used

Back-end

• Node.js
• Fastify
• Prisma
• TypeScript
• fastify-multipart
• Zod
• Openai

Front-end Web

• React
• Vite
• TypeScript
• Tawilndcss
• RadixUi
• Shadcn/ui
• Lucide React
• ffmpeg.wasm
• Axios

📂 Folder Structure

app
.
.
├── upload-ai-api               # Project Back-end
│   ├── src                       # Source files
│         ├── lib                   # Contains the connections
│         ├── routes                # Contains the routes
│         . server.ts               # Aplication entry
│   ├── tmp                       # MP3 files saved for transcription
│   . .env                        # Environment variables
│   . routes.http                 # Executing routes whit Rest Client
.
├── upload-ai-web               # Project Front-end Web
│   ├── src                       # Source files
│         ├── components            # Contains all global react components
│         ├── ffmpeg                # Contains ffmpeg files
│         ├── lib                   # Contains the connections
│         . main.tsx                # Aplication entry react
│   . index.html                  # Aplication entry
│
.
└── README.md

🚀 Running the Project

Clone the project

  git clone https://github.com/VagnerNerves/nlw-ia-mastery-092023.git

Back-end

Enter the project directory

  cd nlw-ia-mastery-092023/upload-ai-api

Install with dependencies

  npm install

Create the file '.env' following the example in the '.env.example' file.

To create and obtain the OpenAI key, visit https://platform.openai.com/account/api-keys."

Create DB

  npx prisma migrate dev

Create data in the prompt table

  npx prisma db seed

Start the server

  npm run dev

Front-end Web

Enter the project directory

  cd nlw-ia-mastery-092023/upload-ai-web

Install with dependencies

  npm install

Start the server

  npm run dev

🌎 License

This project is under the MIT license. See the LICENSE file for more details.

✒ Author

Vagner Nerves

Made with love and hate 😅, get in touch!