![RoadsideCoder](/img/default-banner.jpg)
- 205
- 8 235 550
RoadsideCoder
India
Registrace 25. 06. 2020
Interview Preparation, Web Development and Competitive Programming / Coding Tutorials.
AI Driven Portfolio with Next JS and Tailwind CSS, React Tutorial 🔥🔥
🔴 Build now with Astra DB: dtsx.io/RodesideCoder
➡️ My Frontend Interview Preparation Course - 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 -
czcams.com/play/PLKhlp2qtUcSYQojD5G-ElgHezoCyq2Hgo.html
➡️ Source Code - github.com/piyush-eon/ai-portfolio-nextjs
➡️ Book a mentorship call with me - topmate.io/roadsidecoder
👤 Join the RoadsideCoder Community Discord -
discord.gg/2ecgDwx5EE
🔗 MERN Stack Chat App Tutorial -
czcams.com/play/PLKhlp2qtUcSZsGkxAdgnPcHioRr-4guZf.html
🔗 Complete Data Structures and Algorithms with JS Course - czcams.com/play/PLKhlp2qtUcSZtJefDThsXcsAbRBCSTgW4.html
🔗 JS Interview Series -
czcams.com/video/oUWRxJ19gfE/video.html
🔗 Cars24 Interview Experience -
czcams.com/video/vxggZffOqek/video.html
🔗 Unacademy Interview Experience -
czcams.com/video/abbdJ4Yfm54/video.html
🔗 Tazorpay Interview Experience -
czcams.com/video/q-ylRxSxGcY/video.html
🔗 React Beginner's Project Tutorials -
czcams.com/play/PLKhlp2qtUcSa_rX7glmB7HyFsEOEQa0Uk.html
#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 -
czcams.com/channels/IPZVAwDGa-A4ZJxCBvXRuQ.htmljoin
Special Thanks to our members -
➡️ My Frontend Interview Preparation Course - 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 -
czcams.com/play/PLKhlp2qtUcSYQojD5G-ElgHezoCyq2Hgo.html
➡️ Source Code - github.com/piyush-eon/ai-portfolio-nextjs
➡️ Book a mentorship call with me - topmate.io/roadsidecoder
👤 Join the RoadsideCoder Community Discord -
discord.gg/2ecgDwx5EE
🔗 MERN Stack Chat App Tutorial -
czcams.com/play/PLKhlp2qtUcSZsGkxAdgnPcHioRr-4guZf.html
🔗 Complete Data Structures and Algorithms with JS Course - czcams.com/play/PLKhlp2qtUcSZtJefDThsXcsAbRBCSTgW4.html
🔗 JS Interview Series -
czcams.com/video/oUWRxJ19gfE/video.html
🔗 Cars24 Interview Experience -
czcams.com/video/vxggZffOqek/video.html
🔗 Unacademy Interview Experience -
czcams.com/video/abbdJ4Yfm54/video.html
🔗 Tazorpay Interview Experience -
czcams.com/video/q-ylRxSxGcY/video.html
🔗 React Beginner's Project Tutorials -
czcams.com/play/PLKhlp2qtUcSa_rX7glmB7HyFsEOEQa0Uk.html
#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 -
czcams.com/channels/IPZVAwDGa-A4ZJxCBvXRuQ.htmljoin
Special Thanks to our members -
zhlédnutí: 4 886
Video
Frontend System Design Questions ( Autosuggestion / Typeahead ) - HLD, LLD, Interview Experience 🔥🔥
zhlédnutí 15KPřed 14 dny
➡️ My Frontend Interview Preparation Course - roadsidecoder.com/course-details (50% off) 🟪 My Instagram - roadsidecoder ➡️ Book an Interview Preparation call with me - topmate.io/roadsidecoder Frontend System Design Question on building a Scalable Autosuggestion or Typeahead Component will be discussed in this video along with Requirement gathering, HLD, LLD and Optimisations on ...
Frontend System Design Questions ( Toast Component ) - HLD, LLD, Interview Experience, etc 🔥🔥
zhlédnutí 15KPřed 28 dny
➡️ My Frontend Interview Preparation Course - roadsidecoder.com/course-details (50% off) 🟪 My Instagram - roadsidecoder ➡️ Book an Interview Preparation call with me - topmate.io/roadsidecoder Frontend System Design Question on building a Scalable Toast or Notification Component will be discussed in this video along with Requirement gathering, HLD, LLD and Optimisations on this. ...
GIPHY Clone with React JS and Tailwind CSS Tutorial 2024 🔥🔥
zhlédnutí 7KPřed měsícem
Use This Link to Buy affordable Hosting from Hostinger: www.hostg.xyz/SHF7G Please use my coupon code and get an additional 10% discount: ROADSIDECODER ➡️ My Frontend Interview Course - roadsidecoder.com/course-details (50% Discount) Build a GIPHY Clone App in React JS 18 with Tailwind CSS. This is an amazing project for your resume which will impress recruiters a lot and showcase your skillset...
7 Mistakes Most Junior React developers make
zhlédnutí 12KPřed měsícem
➡️ My Frontend Interview Preparation Course - roadsidecoder.com/course-details (50% Discount) 🟪 My Instagram - roadsidecoder ➡️ Book an Interview Preparation call with me - topmate.io/roadsidecoder Let's discuss 7 Mistakes that a lot of junior as well as senior developers make while coding in React JS. We will also discuss the best practices to follow instead of these mistakes. 🔗...
React JS Interview Questions ( Tic Tac Toe ) - Frontend Machine Coding Interview Experience
zhlédnutí 12KPřed měsícem
➡️ My Frontend Interview Preparation Course - roadsidecoder.com/course-details (50% Discount) 🟪 My Instagram - roadsidecoder ➡️ Book an Interview Preparation call with me - topmate.io/roadsidecoder React Interview Question on building a Tic Tac Toe game will be discussed in this video along with tips and tricks to tackle your React JS and JavaScript Questions in Frontend Machine ...
Javascript Interview Questions ( 12 Polyfills ) - Promise(), Memoize(), Bind(), Reduce(), Map() etc🔥
zhlédnutí 14KPřed 2 měsíci
Javascript Interview Questions ( 12 Polyfills ) - Promise(), Memoize(), Bind(), Reduce(), Map() etc🔥
React JS Interview Questions ( Drag and Drop Notes ) - Frontend Machine Coding Interview Experience
zhlédnutí 18KPřed 2 měsíci
React JS Interview Questions ( Drag and Drop Notes ) - Frontend Machine Coding Interview Experience
Currency Converter with React JS and Tailwind CSS - Full Tutorial 2024 🔥🔥
zhlédnutí 10KPřed 2 měsíci
Currency Converter with React JS and Tailwind CSS - Full Tutorial 2024 🔥🔥
React JS Interview Questions ( Selectable Grid ) - Frontend Machine Coding Interview Experience
zhlédnutí 20KPřed 2 měsíci
React JS Interview Questions ( Selectable Grid ) - Frontend Machine Coding Interview Experience
Build an AI Object Detector with Next js 14, Tailwind CSS, Tensorflow, React | Full Tutorial 2024 🔥🔥
zhlédnutí 9KPřed 3 měsíci
Build an AI Object Detector with Next js 14, Tailwind CSS, Tensorflow, React | Full Tutorial 2024 🔥🔥
React JS Interview Questions ( Quiz App ) - Frontend Machine Coding Interview Experience
zhlédnutí 19KPřed 3 měsíci
React JS Interview Questions ( Quiz App ) - Frontend Machine Coding Interview Experience
Watch this before joining my Frontend Interview Prep Course 👀
zhlédnutí 9KPřed 3 měsíci
Watch this before joining my Frontend Interview Prep Course 👀
Complete Frontend Interview Course - Machine Coding, React JS, Performance, JavaScript and More!
zhlédnutí 27KPřed 3 měsíci
Complete Frontend Interview Course - Machine Coding, React JS, Performance, JavaScript and More!
React JS Interview Questions ( useThrottle Hook ) - Frontend Machine Coding Interview Experience
zhlédnutí 10KPřed 3 měsíci
React JS Interview Questions ( useThrottle Hook ) - Frontend Machine Coding Interview Experience
React Form Validations ( with YUP ) - Full Tutorial 2024 🔥🔥
zhlédnutí 23KPřed 3 měsíci
React Form Validations ( with YUP ) - Full Tutorial 2024 🔥🔥
React JS Interview Questions ( Stepper ) - Frontend Machine Coding Interview Experience
zhlédnutí 32KPřed 4 měsíci
React JS Interview Questions ( Stepper ) - Frontend Machine Coding Interview Experience
React JS Interview Questions ( Multi Select Search ) - Frontend Machine Coding Interview Experience
zhlédnutí 30KPřed 4 měsíci
React JS Interview Questions ( Multi Select Search ) - Frontend Machine Coding Interview Experience
Dockerize and Deploy React JS App in 15 Minutes 🔥🔥
zhlédnutí 41KPřed 4 měsíci
Dockerize and Deploy React JS App in 15 Minutes 🔥🔥
React JS Interview Questions ( OTP Login ) - Frontend Machine Coding Interview Experience
zhlédnutí 100KPřed 5 měsíci
React JS Interview Questions ( OTP Login ) - Frontend Machine Coding Interview Experience
React JS Interview Questions ( Breadcrumbs ) - Frontend Machine Coding Interview Experience
zhlédnutí 23KPřed 5 měsíci
React JS Interview Questions ( Breadcrumbs ) - Frontend Machine Coding Interview Experience
React JS Interview Questions ( Dark mode Light mode ) - Frontend Machine Coding Interview Experience
zhlédnutí 25KPřed 5 měsíci
React JS Interview Questions ( Dark mode Light mode ) - Frontend Machine Coding Interview Experience
React Multi Language App - i18next Tutorial with React JS
zhlédnutí 31KPřed 5 měsíci
React Multi Language App - i18next Tutorial with React JS
React JS Interview Questions ( useEffect Hook Polyfill ) - Frontend Coding Interview Experience
zhlédnutí 16KPřed 6 měsíci
React JS Interview Questions ( useEffect Hook Polyfill ) - Frontend Coding Interview Experience
React JS Interview Questions ( Job Board - GreatFrontEnd ) - Frontend Coding Interview Experience
zhlédnutí 13KPřed 6 měsíci
React JS Interview Questions ( Job Board - GreatFrontEnd ) - Frontend Coding Interview Experience
How to Debug Errors in Javascript and React JS 😲🔥
zhlédnutí 12KPřed 6 měsíci
How to Debug Errors in Javascript and React JS 😲🔥
React JS Interview Questions ( Like Button - GreatFrontEnd ) - Frontend Coding Interview Experience
zhlédnutí 15KPřed 6 měsíci
React JS Interview Questions ( Like Button - GreatFrontEnd ) - Frontend Coding Interview Experience
Data Structures in Javascript ( Doubly Linked List ) | Frontend DSA Interview Questions
zhlédnutí 3,8KPřed 6 měsíci
Data Structures in Javascript ( Doubly Linked List ) | Frontend DSA Interview Questions
React JS Interview Questions ( useMemo Hook Polyfill )- Frontend Machine Coding Interview Experience
zhlédnutí 13KPřed 7 měsíci
React JS Interview Questions ( useMemo Hook Polyfill )- Frontend Machine Coding Interview Experience
My answer for currying function sum(args){ if(args == undefined) { let currentSum = sum.currentSum; sum.currentSum = 0; return currentSum; } sum.currentSum = (sum.currentSum || 0) + args; return sum; }
Thanks a lot! It's super helpful
Bro yarr tu itna achsee sikhata hai literally 1 bar me samaj ata hai sachi .....
As we already have the reference to the object and items so cant we add directly to the items the new folder of file instead of looping and find. can someone explain?
15:00 both page are different before they check only loclhost:3000 after they check other page that why performance is not increase
New sub. from this video 🎉
Welcome!!
how we can remove the spaces between a string?
Bro your interview questions are very good, but please provide source code also it will be very helpful for us .
All the source code here - roadsidecoder.com/course-details
You promised another video on this after 1k likes and ur video already has 2.6k likes Please uploading the continuation video
It can be done with just html 🤓
Thank you so much for these informative videos.
Only lund waale interviewer would asks this
thank you so much no one explaining as you do
Please add more video on this playlist ❤ This is just awesome.. ❤.. hope you will add more videos
You could have destructed the name to reduce the code further
Made the same autocomplete reusable component and now use in all my projects
Best creator 😎
bhai mera 12:02 pe error aa rha hain...Uncaught Error: Canvas is already in use. Chart with ID '0' must be destroyed before the canvas can be reused." What you have did with this error? can you please tell.
I dont understand 50 % of the video, Pathetic
i completed your playlist . it was a great learning point to me. Thanks Brother.
Hi, can you please share your source code.
its better to use react-hook-form it makes easy to get data and for validation also and i used tailwind for frontend its bit tricky to match with chakra UI but still i am sticking with it hope i complete this project at any cost
VIT , I think you are familiar in TAMIL
Awesome video, thank you for sharing your expertise on map, filter, and reduce polyfills. The explanations and examples were very clear and helpful. I appreciate the effort you put into creating such a valuable resource for JavaScript interview preparation. Keep up the great work!
can you provice source code i want to see
github or something else?
It is hard for you because you are not good in javascript. Ypu are just good in react
Need complete project tutorial by using react query.
Best video
ChatGPT API is not free to use. Instead, you can use Gemini API, but it has a limit of 768 dimensions.
U will get free credits when u create new OpenAI Account
useEffect(() => { setCount({ num: 5, id: "random", }); }, [count]); can you please explain in detail why it is not causing infinite loop as we are setting new object everytime and that new object has different reference point.
How to get free credits from open ai?
One more amazing tutorial, thanks for bringing such a quality content ❤️
when i try to node ./db/loadDb.js it say s insufficient quota
@RoadsideCoder pls help in this issue
Why you are not using Typescript?
At most, this should be a chatbot popup on your portfolio website.
Exactly. No one wants to waste time by asking to bot straightaway.
Yes that's good use case, the main aim of this video is to teach vector embedings and db.
Bro will you be continuing DSA in JS playlist. Kindly give an update on that. Thank you in advance