Published On Jun 12, 2024
š“ Build now with Astra DB: https://dtsx.io/RodesideCoder
ā”ļø My Frontend Interview Preparation Course - https://roadsidecoder.com/course-details (50% off)
šŖ My Instagram - Ā Ā /Ā roadsidecoderĀ Ā
Build an AI Driven Portfolio App with NextJS and Tailwind CSS. We will learn advance AI Technologies like vector embedding and vector databases along with how to work with Open AI's APIs. This is an amazing project to impress recruiters a lot and showcase your skillset.
š React JS Interview Series -
Ā Ā Ā ā¢Ā FrontendĀ MachineĀ CodingĀ InterviewĀ Que...Ā Ā
ā”ļø Source Code - https://github.com/piyush-eon/ai-port...
ā”ļø Book a mentorship call with me - https://topmate.io/roadsidecoder
š¤ Join the RoadsideCoder Community Discord -
Ā Ā /Ā discordĀ Ā
š MERN Stack Chat App Tutorial -
Ā Ā Ā ā¢Ā MERNĀ StackĀ ChatĀ AppĀ withĀ Socket.IOĀ Tu...Ā Ā
š Complete Data Structures and Algorithms with JS Course - Ā Ā Ā ā¢Ā DataĀ StructuresĀ andĀ AlgorithmsĀ inĀ Jav...Ā Ā
š JS Interview Series -
Ā Ā Ā ā¢Ā JavascriptĀ InterviewĀ QuestionsĀ (Ā Var,...Ā Ā
š Cars24 Interview Experience -
Ā Ā Ā ā¢Ā FrontendĀ InterviewĀ ExperienceĀ (Cars24...Ā Ā
š Unacademy Interview Experience -
Ā Ā Ā ā¢Ā FrontendĀ InterviewĀ ExperienceĀ (Unacad...Ā Ā
š Tazorpay Interview Experience -
Ā Ā Ā ā¢Ā FrontendĀ InterviewĀ ExperienceĀ (TazorP...Ā Ā
š React Beginner's Project Tutorials -
Ā Ā Ā ā¢Ā ReactĀ JSĀ ProjectĀ TutorialsĀ š„š„Ā Ā
#reactjstutorial #frontend #nextjs
-------------------------------------------------------------------------
00:00 Intro
01:14 Setup new Next JS App
02:24 Preparing the data
03:48 Setup a Vector Database
04:24 What are vector embeddings?
05:38 How to create vector embeddings?
06:57 Adding data to the Vector Database
18:00 Building the Backend
27:01 Building the Frontend
32:35 useChat Hook
-------------------------------------------------------------------------
ā Support the channel -
Ā Ā Ā /Ā @roadsidecoderĀ Ā
Special Thanks to our members -
