Build Full Stack NextJs Student Attendance Tracking App | React, MySql, Tailwind css, Drizzle ORM

#nextjs #React #MySQL #TailwindCSS #DrizzleORM #fullstackdevelopment

🔥 Use my coupon code and get an additional 10% discount: TUBEGURUJI🔴

📚 Materials/References:
GitHub Repository For Application (give it a star ⭐):

Join this channel to get access to perks:

Content:
- Learn to Create NextJs React App and Library Install
- Implement Social and Email Password authentication
- Learn Tailwindcss
- Mysql and Drizzle Setup
- Attendance Record With Mark student Present and Absent
- DateWise and Monthly Attendance Tracking
- Option to Add Student and Delete and Manage student record
- Build Modern Dashboard
- Learn to integrate Bar and Pie Chart
- Advance Logic Implementaion
- Step by step tutorial
- Build NextJs Api

--------------Video Chapter------------
00:00:00 Introduction
00:05:32 Sponsor (Hostinger)
00:07:55 Project Setup (Create React NextJs App)
00:18:43 Authentication
00:36:52 Theme (Dark Mode)
00:40:04 SideNav + Header
00:58:06 Backend Setup
01:18:09 Add New Student
01:55:52 Quick Fix
02:01:03 Display Student List
02:18:01 SideNav Fix
02:20:43 Delete Student Record
02:28:55 Attendance Screen
03:48:44 Dashboard (cards)
04:09:26 Bar Chart
04:29:35 Pie Chart

[manish_kumar_iitg]

27:50 => here i can change the layout of authentication
51:16 => how to get user's name, profile picture, email etc.

[mohdali-yqgq]

Really impressed the instructor presenting the new and great features of modern programming and great examples and topic and we have only one request to make use of type script which is a very essential part of project.

[irfansaeedkhan]

man you are dropping awesome fullstack apps

[RahulSingh-vidv]

Bor I got error while redirecting to local host to local deshboard page (36:06), the error is local host is currently unable to handle this request request, please help bro

[tuoyo]

I love this. This is a very life-applicable application that fits into many needs. God bless you Tube Guruji

[eugeenhunter]

you just earned a subscription from me, this is one of the projects i have been yearning for

[kaushal.mp]

*I Love Your Projects So Much!!* ❤
They are so Unique & Impressive!

[SalmanKhan-mncn]

this is best channel which make real world projects ❤❤

[prajwal]

Thank you for this video sir.
I would appreciate if you make extended version of this application!

[grandparick]

Can this really be done from beginning to end or is there any gray area where we get stuck and can't proceed any further in the middle.

[berke.code]

I want to implement a feature like every stundet will have an unique QR code with their id, whenever the admin scan that QR Code the system will tick the day that qr code scanned at
could you help me to figure this out ?

[clashersgaming]

27:00 -> says page not found , what to do???? anyone tel me
😭😭😭😭😭😭

[SherlockHolmes-ie]

I've tried setting up 3 times but every time their is no tailwind css file is showing in the files . even after i clicked the adding of tailwind css everytime while setting up???

[alfaloverss]

i have an error i want to setup local pgadmin 4 using drizzle you directly connect with server so i stuck in that part can you help me out this


simple thing i want to know that is i want to connect my pgadmin 4 locally using drizzle orm if you have any tutorial links please attached

[satendra]

its great but can you add total attendance for a single student at the end of month, it would be great and please tell me how to do it.

[vishalghule]

1000 likes are done. will there be new upgraded project now 😁

[LuxacDevelopers]

Greate project keep it up brother🎉🎉🎉can you make a full school management system

[alfaloverss]

do one thing thats is student have access to mark the attendance

[hafizhhadiawan]

Hello, im trying to follow your tutorial however i can't connect my nextjs with kinde, I followed this part several times and it always said '404 not found' does this happen because I don't use hostinger or the node.js version im using isn't The same as your version? Sorry for my horrible English

[AvikNayak_]

How to migrate this project to plain react js? Also instead of using clerk, authentication with jwt would have been better