Hello guys, Welcome to Africa's Largest Video Search Engine, and you are watching 🔴 Day 3 of the 5-Day Full Stack Developer AI SaaS Challenge (Next.js, Langchain, Pinecone, OpenAI). and this video is uploaded by Sonny Sangha at 2024-07-25T07:28:27-07:00. We are just promoting this video only for entertainment and educational purpose only. I hop you like our Video Search Engine. [ai1Texef3Ng]
| Name | 🔴 Day 3 of the 5-Day Full Stack Developer AI SaaS Challenge (Next.js, Langchain, Pinecone, OpenAI) |
| Video Uploader | Video From Sonny Sangha |
| Upload Date | This Video Uploaded At 25-07-2024 14:28:27 |
| Video Discription | 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-room-saas-day-3 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 [ai1Texef3Ng] |
| Category | Education |
| Tags | react | developer | reactjs | html | css | js | javascript | papa | papareact | papa-react | tutorial | frontend | webdev | web-dev | clone | fullstack | backend | motivation | reactnative | react-native | redux | typescript | nextjs13 | next js 13 | nextjs 14 | next js 14 | next.js 14 | openai | ai | machinelearning | machine learning | open ai | speech to text | microsoft | mongodb | mongoose | mongo db | database | full stack developer | azure cosmos | azure cosmos db |
