Back to Browse

Build an AI Object Detector with Next js 14, Tailwind CSS, Tensorflow, React | Full Tutorial 2026 ๐Ÿ”ฅ๐Ÿ”ฅ

24.3K views
Mar 17, 2024
35:46

โžก๏ธ My Frontend Interview Preparation Course - https://roadsidecoder.com/course-details (50% off) ๐ŸŸช Follow me on Instagram - https://www.instagram.com/roadsidecoder/ โžก๏ธ Book a mentorship call with me - https://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 - https://github.com/piyush-eon/nextjs-ai-object-detection ๐Ÿ‘ค Join the RoadsideCoder Community Discord - https://discord.gg/2ecgDwx5EE ๐Ÿ”— React JS Interview Series - https://www.youtube.com/playlist?list=PLKhlp2qtUcSYQojD5G-ElgHezoCyq2Hgo ๐Ÿ”— MERN Stack Chat App Tutorial - https://www.youtube.com/playlist?list=PLKhlp2qtUcSZsGkxAdgnPcHioRr-4guZf ๐Ÿ”— Complete Data Structures and Algorithms with JS Course - https://www.youtube.com/playlist?list=PLKhlp2qtUcSZtJefDThsXcsAbRBCSTgW4 ๐Ÿ”— JS Interview Series - https://www.youtube.com/watch?v=oUWRxJ19gfE&list=PLKhlp2qtUcSaCVJEt4ogEFs6I41pNnMU5&index=1 ๐Ÿ”— Cars24 Interview Experience - https://www.youtube.com/watch?v=vxggZffOqek&list=PLKhlp2qtUcSb_WQZC3sq9Vw3NC4DbreUL&index=2 ๐Ÿ”— Unacademy Interview Experience - https://www.youtube.com/watch?v=abbdJ4Yfm54 ๐Ÿ”— Tazorpay Interview Experience - https://www.youtube.com/watch?v=q-ylRxSxGcY ๐Ÿ”— React Beginner's Project Tutorials - https://www.youtube.com/playlist?list=PLKhlp2qtUcSa_rX7glmB7HyFsEOEQa0Uk #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 - https://www.youtube.com/channel/UCIPZVAwDGa-A4ZJxCBvXRuQ/join Special Thanks to our members -

Download

0 formats

No download links available.

Build an AI Object Detector with Next js 14, Tailwind CSS, Tensorflow, React | Full Tutorial 2026 ๐Ÿ”ฅ๐Ÿ”ฅ | NatokHD