1️⃣ Setup your Clerk Account if you haven't already using this Special Link 👉 https://go.clerk.com/sonny
2️⃣ Submit your Day 3 Homework Here 👉 https://www.papareact.com/viewing-roo...
3️⃣ Don't Forget to Register to be Eligible for PRIZES 👉 https://www.papareact.com/challenge
4️⃣ Secure your Seat for the Grand Finale 👉 https://links.papareact.com/day5
Get the Sample PDF Here 👉 https://links.papareact.com/samplepdf
------------------------
🚀 Your Day 3 Agenda:
1️⃣ Setup Firebase Storage & Firestore
Integrate Firebase Storage to store and manage your files.
Set up Firebase Firestore for real-time database functionalities.
Ensure your app can handle data efficiently and securely.
2️⃣ Implement a PDF Document Viewer to View & Render PDFs
Allow users to upload and view PDF documents.
Allow users to resize, rotate, zoom in / out the PDF Document
3️⃣ Implementing the AI Chat Functionality with Pinecone, Langchain & OpenAI Integration
Use Pinecone to generate and store AI Embeddings.
Using Langchain to build powerful AI chat functionalities.
Incorporate OpenAI's API for intelligent & responsive chat interactions.
Enable users to chat with their uploaded PDF Documents and get responses.
4️⃣ Implementing the Document Upload Functionality
Allow users to view and interact with their documents easily on the dashboard made in Day 2.
Ensure users can upload & manage their PDF documents easily.
5️⃣ Implementing DaisyUI & Shadcn to Amp Up the Design Even Further
6️⃣ Deploying the Build to Vercel
7️⃣ Featuring the Best App Deployments from Day 2
Make sure to show up on Day 3 to claim your free Day 3 goodie and continue to further work on the AI SaaS App. Get hyped, excited and let's start the AI SaaS App Today! 💪
LFG PAPAFAM! ✌️
🕐 TIMESTAMPS:
0:00 Introduction
1:37 Day 3 Build Demo
4:59 Day 3 Presentation
18:40 Continuing from Day 2 of the AI SaaS Challenge
20:12 Setting Up a Firebase Project
27:12 Setting Up Firestore Database
28:28 Setting Up Firebase Storage
33:05 Implementing Firebase Admin
37:42 Implementing the File Upload Functionality (1/2)
1:04:08 Implementing DaisyUI
1:09:07 Implementing AI Embeddings for Uploaded Files
1:15:21 Implementing Pinecone to Store AI Embeddings
1:21:14 Implementing OpenAI API to Generate AI Embeddings
1:23:38 Implementing LangChain
1:47:11 Planning Out the Chat-To-PDF Page
1:51:34 Building the PDF View Functionality to Render PDFs (& Configuring CORS)
2:08:11 Building the Chat Functionality to Chat to a PDF
2:23:30 Completing the AI Functionality for Chatting to a PDF
2:42:17 Building the UI for Chat Messages
2:55:44 Implementing the My Documents Functionality in the Dashboard
3:06:26 Deploying the Day 3 Build to Vercel
3:10:37 Deployed Day 3 Build Demo
3:12:30 Outro
Смотрите видео 🔴 Day 3 of the 5-Day Full Stack Developer AI SaaS Challenge (Next.js, Langchain, Pinecone, OpenAI) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Sonny Sangha 01 Январь 1970, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 17,336 раз и оно понравилось 313 людям.