RoadsideCoder
RoadsideCoder
  • 205
  • 8 235 550
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 -
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 Query - Full Tutorial 2024 🔥🔥
zhlédnutí 29KPřed 4 měsíci
React Query - Full Tutorial 2024 🔥🔥
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

Komentáře

  • @gagansuneja7029
    @gagansuneja7029 Před 2 hodinami

    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; }

  • @aakashsharma5901
    @aakashsharma5901 Před 6 hodinami

    Thanks a lot! It's super helpful

  • @sahilbutala6911
    @sahilbutala6911 Před 7 hodinami

    Bro yarr tu itna achsee sikhata hai literally 1 bar me samaj ata hai sachi .....

  • @nikhilchawla6482
    @nikhilchawla6482 Před 8 hodinami

    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?

  • @sohamgohel7000
    @sohamgohel7000 Před 10 hodinami

    15:00 both page are different before they check only loclhost:3000 after they check other page that why performance is not increase

  • @Abishnoi69
    @Abishnoi69 Před dnem

    New sub. from this video 🎉

  • @CodingWithAliyan
    @CodingWithAliyan Před dnem

    how we can remove the spaces between a string?

  • @ankitgaur7428
    @ankitgaur7428 Před dnem

    Bro your interview questions are very good, but please provide source code also it will be very helpful for us .

    • @RoadsideCoder
      @RoadsideCoder Před 20 hodinami

      All the source code here - roadsidecoder.com/course-details

  • @aqibmalik6313
    @aqibmalik6313 Před dnem

    You promised another video on this after 1k likes and ur video already has 2.6k likes Please uploading the continuation video

  • @ameyshinde04
    @ameyshinde04 Před dnem

    It can be done with just html 🤓

  • @wellbalanced1212
    @wellbalanced1212 Před dnem

    Thank you so much for these informative videos.

  • @hustle4902
    @hustle4902 Před 2 dny

    Only lund waale interviewer would asks this

  • @shubhamkakad10x
    @shubhamkakad10x Před 2 dny

    thank you so much no one explaining as you do

  • @tuhinghosh9737
    @tuhinghosh9737 Před 2 dny

    Please add more video on this playlist ❤ This is just awesome.. ❤.. hope you will add more videos

  • @MightyIndians
    @MightyIndians Před 2 dny

    You could have destructed the name to reduce the code further

  • @avinashjha7848
    @avinashjha7848 Před 2 dny

    Made the same autocomplete reusable component and now use in all my projects

  • @rizviali9002
    @rizviali9002 Před 3 dny

    Best creator 😎

  • @sanidhyadas5938
    @sanidhyadas5938 Před 3 dny

    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.

  • @guptasagar694
    @guptasagar694 Před 3 dny

    I dont understand 50 % of the video, Pathetic

  • @najmulislamnaeem2688

    i completed your playlist . it was a great learning point to me. Thanks Brother.

  • @blackstormgaming3779

    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

  • @sujendranluvmurffin9867

    VIT , I think you are familiar in TAMIL

  • @kalukalu6627
    @kalukalu6627 Před 4 dny

    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!

  • @user-uk4gd6kr3l
    @user-uk4gd6kr3l Před 4 dny

    can you provice source code i want to see

  • @psrs985
    @psrs985 Před 4 dny

    It is hard for you because you are not good in javascript. Ypu are just good in react

  • @jagadeshvarmasvpkh7860

    Need complete project tutorial by using react query.

  • @UmerKhan-ro3dy
    @UmerKhan-ro3dy Před 4 dny

    Best video

  • @AK-ln2ko
    @AK-ln2ko Před 4 dny

    ChatGPT API is not free to use. Instead, you can use Gemini API, but it has a limit of 768 dimensions.

    • @RoadsideCoder
      @RoadsideCoder Před 4 dny

      U will get free credits when u create new OpenAI Account

  • @rohitbansal7839
    @rohitbansal7839 Před 4 dny

    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.

  • @Karthikmohan2310
    @Karthikmohan2310 Před 4 dny

    How to get free credits from open ai?

  • @ashishmadan5700
    @ashishmadan5700 Před 4 dny

    One more amazing tutorial, thanks for bringing such a quality content ❤️

  • @HarshdevTripathi
    @HarshdevTripathi Před 4 dny

    when i try to node ./db/loadDb.js it say s insufficient quota

  • @user-de8bj8ll9l
    @user-de8bj8ll9l Před 4 dny

    Why you are not using Typescript?

  • @scratch6594
    @scratch6594 Před 5 dny

    At most, this should be a chatbot popup on your portfolio website.

    • @imkir4n
      @imkir4n Před 5 dny

      Exactly. No one wants to waste time by asking to bot straightaway.

    • @RoadsideCoder
      @RoadsideCoder Před 5 dny

      Yes that's good use case, the main aim of this video is to teach vector embedings and db.

  • @mehr4294
    @mehr4294 Před 5 dny

    Bro will you be continuing DSA in JS playlist. Kindly give an update on that. Thank you in advance