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
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
3 ай бұрын
Bro plz make a face recognition + liveness detection using same technology 😢
@RoadsideCoder
3 ай бұрын
Okay
Who wants next js 14 full course...like here...
Great amazing combination ai with next js keep it sir
Pls need more videos like this
Nice one
Interesting
Looking forward for tailwind & next.js course.
Please continue this series
We need more such course here
Please do more tutorials on next.js. Great stuff!
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.
Vote for next js full course 👍❤️
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
thanks a lot for this nextJS series. Bhagan aapko tarakki de .
@RoadsideCoder
3 ай бұрын
Apko b
Pls make more on ai related
Yo, new to your KZread. Amazing content. You should create more like this!! and Yes for the full on Next.js.
@RoadsideCoder
2 ай бұрын
Thanks a lot! You can also checkout my Course here - roadsidecoder.com/course-details
How do u had fix scrolling?? My height is get more and width is less??how to fix it?
Please make more videos on Next.JS...specially for newbies in Next JS. Love your content.
@RoadsideCoder
3 ай бұрын
If this video got good response, then I will! Do share it on linkedin 🔥
full video on next js'
🔥
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
0:39 It's not just an ordinary book.. It's Death Note. Nice video btw
@RoadsideCoder
3 ай бұрын
👀
Ohhh 😮 Tensorflow am shocked 😳 Can you start a playlist on this ....?
@RoadsideCoder
3 ай бұрын
If this video got good response, then I will! Do share it on linkedin 🔥
How to deploy this app , please tell ?
shinzou sasageyo🔥🔥
hey I have the exact banana and scissor.
Sir would you recommend us to build this project as Iam having only javascript knowledge?? So should we further proceed for this project???
@RoadsideCoder
3 ай бұрын
You should have basic knowledge of react
@sourishchatterjeechatterje2953
3 ай бұрын
Thank you sir❤
can I do it on react js?
@RoadsideCoder
3 ай бұрын
yes
@deepdas7674
3 ай бұрын
@@RoadsideCoder yes then I will try it
First
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
3 ай бұрын
original price is 3000, so 50% is 1499
@user-ns1vi2dz4d
3 ай бұрын
@@RoadsideCoder bro any special code to get extra10% off because 1499 is higher price for me
Me who knows u copied this idea from which channel