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!