Next.Js Full Stack Project Tutorial - Build Full Stack NextJs Student Attendance Tracking App | React, MySql, Tailwind css, Drizzle ORM

Master Next.js & React Full Stack Development: Dive into AI-Powered App Creation with TubeGuruji – Build, Deploy, Conquer!

5.0 (2)

18 learners

What you'll learn

Learn to build and deploy full-stack applications using Next.js, React, and Tailwind CSS.
Master the integration of various APIs such as Google Maps, Clerk, and Firebase within Next.js apps.
Develop proficiency in using NextAuth for authentication in full-stack applications.
Gain skills in integrating AI technologies to enhance full-stack application functionalities.

This course includes

346 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

nextjs tutorial nextjs 13 next js tutorial student attendance tracking app

Full Transcript

🚀 Learn to Build a Full Stack Next.js Student Attendance Tracking App from Scratch! 📚 Dive into React, MySQL, Tailwind CSS, and Drizzle ORM step-by-step. Perfect for beginners and advanced developers alike. Master the latest tech stack and streamline your attendance management process effortlessly. Don't miss out on this comprehensive tutorial! ⭐️ #nextjs #React #MySQL #TailwindCSS #DrizzleORM #fullstackdevelopment 🔴 Hostinger Web Hosting: https://www.hostg.xyz/SHF7H🔴 🔥 Use my coupon code and get an additional 10% discount: TUBEGURUJI🔴 ⭐ TubeGuruji : https://tubeguruji.com ⭐ Kinde : kinde.com?utm_source=yt&utm_medium=content&utm_campaign=tubeguruji ⭐ Eraser.io : https://www.eraser.io ⭐ Support me on : https://www.buymeacoffee.com/tubegurujiw 🌟 Now Start Building Real Life Projects to Make Real Money: https://tubeguruji.com 📚 Materials/References: GitHub Repository For Application (give it a star ⭐): https://dcmk.short.gy/student-attendance-tracking Free Members Access : https://www.tubeguruji.com/course-preview/nextjs-full-stack-student-attendance-tracking-app 🌟 Free Source Code for Members: https://www.tubeguruji.com Join this channel to get access to perks: https://www.youtube.com/channel/UC33Tc4FCgd_to314_b2hNTg/join 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