Published On Mar 16, 2024
ā”ļø My Frontend Interview Preparation Course - https://roadsidecoder.com/course-details (50% off)
šŖ Follow me on Instagram - Ā Ā /Ā 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-...
š¤ Join the RoadsideCoder Community Discord -
Ā Ā /Ā discordĀ Ā
š React JS Interview Series -
Ā Ā Ā ā¢Ā FrontendĀ MachineĀ CodingĀ InterviewĀ Que...Ā Ā
š MERN Stack Chat App Tutorial -
Ā Ā Ā ā¢Ā MERNĀ StackĀ ChatĀ AppĀ withĀ Socket.IOĀ Tu...Ā Ā
š Complete Data Structures and Algorithms with JS Course - Ā Ā Ā ā¢Ā DataĀ StructuresĀ andĀ AlgorithmsĀ inĀ Jav...Ā Ā
š JS Interview Series -
Ā Ā Ā ā¢Ā JavascriptĀ InterviewĀ QuestionsĀ (Ā Var,...Ā Ā
š Cars24 Interview Experience -
Ā Ā Ā ā¢Ā FrontendĀ InterviewĀ ExperienceĀ (Cars24...Ā Ā
š Unacademy Interview Experience -
Ā Ā Ā ā¢Ā FrontendĀ InterviewĀ ExperienceĀ (Unacad...Ā Ā
š Tazorpay Interview Experience -
Ā Ā Ā ā¢Ā FrontendĀ InterviewĀ ExperienceĀ (TazorP...Ā Ā
š React Beginner's Project Tutorials -
Ā Ā Ā ā¢Ā ReactĀ JSĀ ProjectĀ TutorialsĀ š„š„Ā Ā
#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 -