Next.js School Management Dashboard UI Design Tutorial | React Next.js Responsive Admin Dashboard

You are watching the first part of the project (The design part)

If it is valuable to you, you can support Lama Dev.

Source Code:

Join Lama Dev groups

00:00 Introduction
02:38 Installation
01:05:54 React Calendar Tutorial
01:10:36 Events Component Design
01:15:04 Announcement Component Design
01:25:56 React Big Calendar (Schedule Calendar) Tutorial
01:43:01 School Management App Parent Dashboard Design
02:11:20 School Management App Other List Pages
02:34:08 School Management App Single Teacher Page Design
02:58:15 School Management App Single Student Page Design
03:18:35 React-Hook-Form Tutorial
03:19:35 React-Hook-Form with Zod Validation Tutorial
03:47:48 Rendering Forms Conditionally in React
03:54:22 Outro

[jarencefeliciano]

Whoooo, here we go again. Another massive free latest techstack tutorial from a pro. Heads down! 🎉 Paid courses are ashamed because of this.

[raymondmichael]

actually this is the best school system I have ever seen in youtube;
one thing though, it’s missing the landing page which should be public for all to see 😊;

I love this, hopefully I will learn a lot from thia.

Greetings from Tanzania 🇹🇿

[ekurelala]

i love the way you structure your page by giving a full detail of each sector and what it's going to contain for example, {*left*/} and {*right*/}. It's always well laid out.

[AlexNganga-sqtu]

Just finished building the UI and I loved it. Going onto building the backend and later add some more features to the site. Thanks to Lama

[Cognixor]

First 52 minutes done. Very nice! A clear step by step guidance. Great job!

[tavanix]

Great job as usual! Lovely looking front end
For the backend I’d vote for: nodejs + express + prisma or sequelize + MySQL or Postgres 🎉

[iamnotstupid]

I think you give one of the clearest explanations on Tailwind lol. Extremely structured explanation on what each <div> block does, this has allowed me to follow along with your train of thoughts. Like what you did with {/* LEFT BLOCK */} and {/* RIGHT BLOCK */}. This is so much better than following a tutorial where the guy just verbalize a bunch of code he is typing lol. Amazing content!

[E.K_Bernard]

this is a very serious project, thanks @lama dev, patiently waiting for the backend

[ferdinandeke]

Very lovely project lama.. once more kudos to you on all your efforts. So for back end, i'd love to see your approach on micro-services in Nodejs. Maybe with nestjs or the usual node-express. Thanks for all your efforts once more.

[PETERFILM]

I can't keep up with your courses, but coming in and giving a like for your work is sacred! =)

[znkdev]

LOVELY, I am on a school project right now.. This will help me a lot!

[PavanSibal]

Great Tutorial. Looking forward to the part2. Thanks Lama Dev

[himankshu]

❤ love it. For backend please use psql, caching, express deployment too

[rockbelleh]

LAMA you are an excellent teacher.Thanks alot n God bless u abundantly for impacting and touching lives.Much love from Nigeria

[MohammedAfroukh]

Backend : Nestjs + Prisma + Postgressql

[gauravdeveloper]

Fantastic Tutorial. Yes, I want to see the 2nd part of this video.

Backend Technology: Node with Express + MongoDB / Postgress + JWT Authentication + Dynamic Role and Permission Management from admin + Redis

[sandeepdeepu]

Backend : Express with prisma + mongo or Express with prisma + Postgresql

[KrishnaList]

You are the best YouTube teacher I ever seen on you tube

[sheptianbagjautama]

Thanks, LamaDev! I'm so excited about the backend :)

[fistewie]

This looks amazing! Excited to give it a try. Just some feedback on the title, at first I thought this was about ui design, but this is actually developing the front end. Don’t know if it’s worth renaming so you don’t lose potential viewers?