Build an AI Object Detector with Next js 14, Tailwind CSS, Tensorflow, React | Full Tutorial 2024 🔥🔥

➡️ My Frontend Interview Preparation Course - roadsidecoder.com/course-details (50% off)
🟪 Follow me on Instagram - / roadsidecoder
➡️ Book a mentorship call with me - topmate.io/roadsidecoder
Build an AI driven Object Detection App in NextJS 14 using tailwindcss for styling and tenserflow's coco-ssd for object detection model.
➡️ Source Code -
github.com/piyush-eon/nextjs-...
👤 Join the RoadsideCoder Community Discord -
/ discord
🔗 React JS Interview Series -
• Frontend Machine Codin...
🔗 MERN Stack Chat App Tutorial -
• MERN Stack Chat App wi...
🔗 Complete Data Structures and Algorithms with JS Course - • Data Structures and Al...
🔗 JS Interview Series -
• Javascript Interview Q...
🔗 Cars24 Interview Experience -
• Frontend Interview Exp...
🔗 Unacademy Interview Experience -
• Frontend Interview Exp...
🔗 Tazorpay Interview Experience -
• Frontend Interview Exp...
🔗 React Beginner's Project Tutorials -
• React JS Project Tutor...
#nextjs #nextjs14 #reactjs
-------------------------------------------------------------------------
00:00 Intro
01:02 Setup Next JS with Tailwind CSS
03:28 Building the UI
04:31 Tailwind CSS Tutorial
10:36 Object Detection Component
13:54 Webcam Logic
18:16 Setup the AI Model
22:25 Rendering Predictions on Canvas
32:53 Playing alarm on person detection
35:28 Important Action!
-------------------------------------------------------------------------
⭐ Support the channel -
/ @roadsidecoder
Special Thanks to our members -

Пікірлер: 44

  • @RoadsideCoder
    @RoadsideCoder3 ай бұрын

    Roadside to Dream Job - Frontend Interview Prep Course 🔥🔥 roadsidecoder.com/course-details (50% off for limited time) If this video gets good response, I will make more Next JS videos. So do share it!

  • @shahhussain5563

    @shahhussain5563

    3 ай бұрын

    Bro plz make a face recognition + liveness detection using same technology 😢

  • @RoadsideCoder

    @RoadsideCoder

    3 ай бұрын

    Okay

  • @abikarthi9772
    @abikarthi97723 ай бұрын

    Who wants next js 14 full course...like here...

  • @user-lg8oc5vy3n
    @user-lg8oc5vy3n3 ай бұрын

    Great amazing combination ai with next js keep it sir

  • @hemanthpusarla4428
    @hemanthpusarla44283 ай бұрын

    Pls need more videos like this

  • @kartikkaushik4743
    @kartikkaushik47433 ай бұрын

    Nice one

  • @amalsuresh7401
    @amalsuresh74013 ай бұрын

    Interesting

  • @sankhojjalchatterjee
    @sankhojjalchatterjee3 ай бұрын

    Looking forward for tailwind & next.js course.

  • @ZainAliSiddiqui
    @ZainAliSiddiqui3 ай бұрын

    Please continue this series

  • @faaizalam235
    @faaizalam2353 ай бұрын

    We need more such course here

  • @anusmitakundu2366
    @anusmitakundu23663 ай бұрын

    Please do more tutorials on next.js. Great stuff!

  • @irfananaaz1896
    @irfananaaz18963 ай бұрын

    ya please do make full length in depth conceptional tutorial video on Tailwand CSS and Next Js as well....and thanks for sharing your knowledge with us.

  • @SanjayNG125
    @SanjayNG1253 ай бұрын

    Vote for next js full course 👍❤️

  • @SunilKumar-cq8gu
    @SunilKumar-cq8gu3 ай бұрын

    I always have this basic question, why are we using nextjs for this, when it is csr should be react, and why even react? It is a very js thing when we directly controlling the dom

  • @Mr_AKiPad
    @Mr_AKiPad3 ай бұрын

    thanks a lot for this nextJS series. Bhagan aapko tarakki de .

  • @RoadsideCoder

    @RoadsideCoder

    3 ай бұрын

    Apko b

  • @jhonsnow534
    @jhonsnow5343 ай бұрын

    Pls make more on ai related

  • @muhammaduzairilyas5310
    @muhammaduzairilyas53102 ай бұрын

    Yo, new to your KZread. Amazing content. You should create more like this!! and Yes for the full on Next.js.

  • @RoadsideCoder

    @RoadsideCoder

    2 ай бұрын

    Thanks a lot! You can also checkout my Course here - roadsidecoder.com/course-details

  • @md.taahaabakhshi1812
    @md.taahaabakhshi1812Ай бұрын

    How do u had fix scrolling?? My height is get more and width is less??how to fix it?

  • @warriorwarlord6706
    @warriorwarlord67063 ай бұрын

    Please make more videos on Next.JS...specially for newbies in Next JS. Love your content.

  • @RoadsideCoder

    @RoadsideCoder

    3 ай бұрын

    If this video got good response, then I will! Do share it on linkedin 🔥

  • @pratiksmith3291
    @pratiksmith32913 ай бұрын

    full video on next js'

  • @nayanjaiswal
    @nayanjaiswal3 ай бұрын

    🔥

  • @TarunSharma-kk9zr
    @TarunSharma-kk9zr3 ай бұрын

    I am getting an error in Line 36 of your code : Cannot read properties of null (reading 'video'). I am not getting why. Please suggest

  • @neverexperience
    @neverexperience3 ай бұрын

    0:39 It's not just an ordinary book.. It's Death Note. Nice video btw

  • @RoadsideCoder

    @RoadsideCoder

    3 ай бұрын

    👀

  • @MUsmandev
    @MUsmandev3 ай бұрын

    Ohhh 😮 Tensorflow am shocked 😳 Can you start a playlist on this ....?

  • @RoadsideCoder

    @RoadsideCoder

    3 ай бұрын

    If this video got good response, then I will! Do share it on linkedin 🔥

  • @john-we2mz
    @john-we2mz3 ай бұрын

    How to deploy this app , please tell ?

  • @user-ob9qm4br2j
    @user-ob9qm4br2j3 ай бұрын

    shinzou sasageyo🔥🔥

  • @alchemistmd2422
    @alchemistmd24223 ай бұрын

    hey I have the exact banana and scissor.

  • @sourishchatterjeechatterje2953
    @sourishchatterjeechatterje29533 ай бұрын

    Sir would you recommend us to build this project as Iam having only javascript knowledge?? So should we further proceed for this project???

  • @RoadsideCoder

    @RoadsideCoder

    3 ай бұрын

    You should have basic knowledge of react

  • @sourishchatterjeechatterje2953

    @sourishchatterjeechatterje2953

    3 ай бұрын

    Thank you sir❤

  • @deepdas7674
    @deepdas76743 ай бұрын

    can I do it on react js?

  • @RoadsideCoder

    @RoadsideCoder

    3 ай бұрын

    yes

  • @deepdas7674

    @deepdas7674

    3 ай бұрын

    @@RoadsideCoder yes then I will try it

  • @YuvrajKumar-ej8tx
    @YuvrajKumar-ej8tx3 ай бұрын

    First

  • @user-ns1vi2dz4d
    @user-ns1vi2dz4d3 ай бұрын

    bhai you told that after 20 march course fee will be 2k but you are offering at 1499 at 50% but it should be 1000 right can you reduce it 1000 bhai any special price or offer

  • @RoadsideCoder

    @RoadsideCoder

    3 ай бұрын

    original price is 3000, so 50% is 1499

  • @user-ns1vi2dz4d

    @user-ns1vi2dz4d

    3 ай бұрын

    @@RoadsideCoder bro any special code to get extra10% off because 1499 is higher price for me

  • @shub226
    @shub2263 ай бұрын

    Me who knows u copied this idea from which channel