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

Поделиться
HTML-код
  • Опубликовано: 26 ноя 2024

Комментарии • 494

  • @jarencefeliciano
    @jarencefeliciano 3 месяца назад +44

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

  • @AlexNganga-sq5tu
    @AlexNganga-sq5tu Месяц назад +1

    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

  • @raymondmichael4987
    @raymondmichael4987 3 месяца назад +25

    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 🇹🇿

    • @birukdagne833
      @birukdagne833 3 месяца назад +2

      Nice work waiting for backend, appwrite database

    • @PapiYoppia
      @PapiYoppia 3 месяца назад +3

      I'm from Ethiopia I love TZ ❤

    • @raymondmichael4987
      @raymondmichael4987 3 месяца назад

      @@PapiYoppia , great to hear that, please arrange a visit I will be your host ☺️

    • @raymondmichael4987
      @raymondmichael4987 3 месяца назад +2

      for the backend, I prefer Convex, which as of now it’s framework which handles from authentications to database.
      But, I believe we’ll learn a lot from what you have planned already 😊

    • @rakeshroy1633
      @rakeshroy1633 3 месяца назад

      Very awesome 🎉🎉, plz make all features regarding school. It help us to earn money ❤❤❤❤❤

  • @iamnotstupid2
    @iamnotstupid2 Месяц назад

    I think you give one of the clearest explanations on Tailwind lol. Extremely structured explanation on what each 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!

  • @ekurelala7083
    @ekurelala7083 Месяц назад

    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.

  • @ukkashrecords7046
    @ukkashrecords7046 3 месяца назад +7

    Installation : 2:39
    Pages And Layout Tutorial : 5:06
    Tailwind Responsive Layout : 11:00
    Tailwind Responsive Menu Design : 18:21
    Tailwind Responsive Navbar design : 23:12
    Admin DashboardDesign : 30:18
    Animated Chart Tutorial : 40:02
    Radial Chart With Re-Chart : 41:02
    Animated Bar Chart Example : 52:42
    Animated Line Chart Example : 1:00:11

  • @PETERFILM
    @PETERFILM 3 месяца назад +6

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

  • @E.K_Bernard
    @E.K_Bernard 3 месяца назад +3

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

  • @znkdev
    @znkdev 3 месяца назад +2

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

  • @Cognixor
    @Cognixor 2 месяца назад +1

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

  • @KrishnaList
    @KrishnaList Месяц назад

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

  • @PavanSibal
    @PavanSibal 2 месяца назад +1

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

  • @tavanix
    @tavanix 3 месяца назад +4

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

  • @rockbelleh6237
    @rockbelleh6237 3 месяца назад

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

  • @gauravdeveloper
    @gauravdeveloper 3 месяца назад

    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

  • @bilimlink
    @bilimlink 3 месяца назад

    Hat off to the creator of such amazing tutorials. As googd as usual, thank you, Lama dev

  • @sandeepdeepu5052
    @sandeepdeepu5052 3 месяца назад +75

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

  • @ferdinandeke9590
    @ferdinandeke9590 3 месяца назад +3

    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.

  • @MohammedAfroukh999
    @MohammedAfroukh999 3 месяца назад +212

    Backend : Nestjs + Prisma + Postgressql

    • @ArjunCodess
      @ArjunCodess 3 месяца назад

      @@MohammedAfroukh999 no hate, but drizzle is much better.

    • @muhammedriyas4514
      @muhammedriyas4514 3 месяца назад +9

      Or mysql❤

    • @drujas
      @drujas 3 месяца назад +9

      Or Laravel 💪

    • @shahabjoon201
      @shahabjoon201 3 месяца назад +1

      Yes, your suggests are awesome.

    • @apdiwhapmohmet4458
      @apdiwhapmohmet4458 3 месяца назад +1

      Exactly pro that is what we want

  • @betsonwilliam9470
    @betsonwilliam9470 2 месяца назад

    Hi Lama❤, finished the first portion.. waiting for the backend portion. Thanks a loooot

  • @mranderson3441
    @mranderson3441 2 месяца назад

    Thank you, brother. You are amazing to show it all of us for free. God bless you.

  • @jav1978
    @jav1978 3 месяца назад

    Gracias Llama dev sigo tu contenido y es muy especial, de corazon soy un fiel seguidor de tu contendido porque aprendo sobre react y nextjs, eres un excelente profesor, saludos desde Venezuela

    • @_Rifat
      @_Rifat 2 месяца назад

      work properly event calender?

  • @sheptianbagjautama
    @sheptianbagjautama 2 месяца назад

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

  • @roshanali619
    @roshanali619 26 дней назад

    Thank u so much brother. Alhumdullilah , I have completed your video and it has added massive to my knowledge base.

  • @kooyaw4445
    @kooyaw4445 3 месяца назад

    Incredible what you're doing for us developers brother.

  • @ADHDOCD
    @ADHDOCD 3 месяца назад +8

    Thank you very much for this tutorial 🤩! I've always wanted to learn more about database & schema modeling for multi-tenant (B2B2C) use cases. Can you also build a CRM app tutorial like Go High Level or Hubspot ?

  • @kennedymwangi5880
    @kennedymwangi5880 Месяц назад

    Very good tutorial. Just a quick comment, for perfect responsive designs it is good to make good use of both Grid and Flexbox. Being confident with these helps create more fluid designs. Appreciation from Kenya 🇰🇪🇰🇪

  • @himankshu
    @himankshu 3 месяца назад +11

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

  • @dev_catM
    @dev_catM 3 месяца назад

    This is exactly what i’m looking for. I’ve been trying to create my own e-learning platform (just for training) but I’ve been struggled with all the models and their relations, especially with schedules.
    I’d really love to see the back end part 😊. I’d root for MongoDB and Express if possible. But other technology is also fine.
    Thank you very much Lama ❤ ❤❤

  • @betsonwilliam9470
    @betsonwilliam9470 2 месяца назад

    Sir, tonnes of love for the content .
    Please complete the second portion
    with deployment too

  • @diloasver
    @diloasver Месяц назад

    Thanks so much for this massive project just comploted now I'm so excited for the next one Thanks so grateful

  • @EuroRenta
    @EuroRenta 2 месяца назад +1

    Perfect project! Waiting for Backend!!!

  • @memester6496
    @memester6496 3 месяца назад +3

    This is amazing. I was always looking for multi role application. Please dont use clerk, if possible either use next auth or custom login to better understand the whole application.

    • @raymondmichael4987
      @raymondmichael4987 3 месяца назад

      @@memester6496 exactly mate; Clerk or Kinder are simple but not ideal for learning because they do a lot by them self which makes it harder impliment similar things without using the service.
      I prefer authjs (next auth) or Convex which can handle everything from auth to database

  • @ashrafflefl1435
    @ashrafflefl1435 3 месяца назад

    Best dashboard i ve ever seen , we need the teacher can create questions to students and add students roaster and attendance

  • @icecream-wzsz
    @icecream-wzsz 3 месяца назад

    fantastic tutorial
    for backend, express.js and SQL Server

  • @franckoABO
    @franckoABO 3 месяца назад

    thank you for this tutorial. very instructive. I am creating a similar project. the functionality that I offer is: dark mode and the class list containing the students of each class.

  • @easetellnetworks7201
    @easetellnetworks7201 3 месяца назад

    My one and only youtube legend big up boss🔥🔥🔥🔥🔥

  • @danielgega4381
    @danielgega4381 3 месяца назад +4

    My brother, this project is GOLD. Please encourage everyone to appreciate LAMA Dev by liking and subscribing to the channel. Next time, can you build a music distribution dashboard project with all the functionalities required in the music industry?

  • @dev_guidance
    @dev_guidance 2 месяца назад +1

    love the way you design UI

  • @darawan_omar
    @darawan_omar 3 месяца назад +6

    Backend --> Node js ( Express ) + Prisma + Mysql

  • @salaheddinemaarouf1
    @salaheddinemaarouf1 2 месяца назад

    Thank you very much for this big and high quality work ❤❤❤ wish u all the best

  • @passionstudio3856
    @passionstudio3856 3 месяца назад +4

    🙌 USING NEXTJS + CONVEX 🔥🔥🔥🔥🔥

  • @francescorusso8149
    @francescorusso8149 2 месяца назад +1

    Great video, easy to follow and very complete! 👍
    For the backend, I'd like to see a NestJS + Drizzle + PostgreSQL (maybe from Neon?) combo, with Lucia-Auth or Next-Auth as the authentication solution.
    I'd rather not see Appwrite or Convex because other channels already do that and those solutions are kind of a black box. I'd like to see the internals when it comes to authentication and data storage in DBs.

  • @CodeVcut
    @CodeVcut 3 месяца назад +2

    Great project! Waiting for Backend.

  • @honeybee5609
    @honeybee5609 3 месяца назад

    Şafak Bey, ikinci bölüm olarak güzel bir backend projesi olursa süper olur! Pratik yapmam gerekiyor, ve sizin detaylı videolarınız çok yardımcı oluyor. 🙏🏻

  • @johnwayne7726
    @johnwayne7726 3 месяца назад

    abi gerçekten bu içerikler için çok teşekkür ederim, her videodan da kendimi daha da geliştiriyorum.

  • @HasanAlAsim-d2t
    @HasanAlAsim-d2t 2 месяца назад

    This a great project. For the backend, as it is a next.js project we can finish the backend with prisma and postgresql and the awesome server actions.

  • @MrSirIsBroke
    @MrSirIsBroke 3 месяца назад +14

    Best Project Sir😊😊
    Please can You add the Administrator Option to Register and Deregister Teacher. . All necessary approval. And the Notification panel from Admin to Teacher >>> Teacher to Students >>> Teacher to Parents 🙏🙏🙏

    • @raymondmichael4987
      @raymondmichael4987 3 месяца назад +1

      @@MrSirIsBroke ; Jaws droping suggestion. I up vote these features

    • @innovatorshome
      @innovatorshome 3 месяца назад +1

      Me too❤❤❤

  • @Louis.Coetzee
    @Louis.Coetzee 2 месяца назад

    Looks good! Backend: Nextjs, Drizzle, Neon, Authjs.

  • @AndriiKSK
    @AndriiKSK 2 месяца назад

    Definitely, yes!! I need backend part

  • @ekurelala7083
    @ekurelala7083 Месяц назад

    i have loved this work; it's really cool and it's a good one for learning

  • @rohannair5807
    @rohannair5807 3 месяца назад

    hey please do post up part-2 awaiting to complete the project. Great work hands up!!!

  • @vikramjagtap6631
    @vikramjagtap6631 2 месяца назад

    this is just grate to learn soo much from you, thanks man you are the best

  • @sammer-gr5qj
    @sammer-gr5qj 3 месяца назад +1

    Just what I need Right now 🤣 you read my mind 😂❤

  • @graciouskingsley6893
    @graciouskingsley6893 3 месяца назад +1

    I appreciate you, for this great effort 🙏

  • @aqibnawaz8060
    @aqibnawaz8060 3 месяца назад +3

    Looking forward to complete it, Looks Great

  • @nokmantv594
    @nokmantv594 3 месяца назад

    Nice tutorial of NextJS. Looking forward for video on collapsible menu with submenu sample.

  • @TOGB_Reeper
    @TOGB_Reeper 3 месяца назад

    I am really looking forward for the next part if you will use neon, firebase and drizzle ORM, and maybe even have a separate video of an lms linked to this dashboard so that teachers can create lessons and the like

  • @pratyushkumar5740
    @pratyushkumar5740 3 месяца назад

    Use technologies that are commonly used in the industry, such as Node.js/Express.js with MongoDB or any SQL server. Thank you so much for this tutorial; it aligns well with industry standards, which is great for my work at Bosch.

  • @Myprologue
    @Myprologue Месяц назад

    absolutely amazing content, thanks for uploading it

  • @onwukaebuka5322
    @onwukaebuka5322 3 месяца назад

    Amazing curious to see what the backend looks like

  • @vishnupriyan-J
    @vishnupriyan-J 3 месяца назад

    Hi Lama Dev, your channel is awesome able to learn good coding styles and easily able to grab the concepts you Explain. Backend can be in Spring Boot + MySQL hope this can give us new knowledge in Spring Boot.

  • @webabolfazl
    @webabolfazl 3 месяца назад

    it`s very wonderful!!!, thank you Lama

  • @more4you256
    @more4you256 2 месяца назад

    would love to see a postgresSQL / clerck usage for login and DB. Really love that, but ....
    What ever backend you chose, It will be a great educatinal video!
    Thankx!

  • @Leesdjo
    @Leesdjo 3 месяца назад

    Thank you Lama Dev for amazing tutorial. Just my opinion for the backend tech stack would be postgresql using prisma

    • @_Rifat
      @_Rifat 2 месяца назад

      work properly event calender?

  • @AkashKumar-e3z
    @AkashKumar-e3z 2 месяца назад

    This tutorial is amazing.
    When can we expect the second part.

  • @axixkhanii4321
    @axixkhanii4321 3 месяца назад +1

    It is awesome For the backend please Use Node js (nest Framework) with any Database (SQL or NON SQL)

  • @boysandra266
    @boysandra266 3 месяца назад

    man your tutorial always amazing

  • @fistewie
    @fistewie 3 месяца назад

    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?

  • @naseemsaffy
    @naseemsaffy 3 месяца назад +23

    Please make backend with prisma postgres redis and docker

  • @karimelnemr8610
    @karimelnemr8610 3 месяца назад

    Thank you for your effort and good tutorials it's really helpful, I would like to suggest: Full stack Next.js with Drizzle, PostgreSQL and if we can use Zod and docker will be great. (I saw many web developers suggest Drizzle over Prisma for SQL databases)

  • @emmanuelakogwu9078
    @emmanuelakogwu9078 3 месяца назад

    You too Amazing to describe with words.
    A project involving stacks like
    Nestjs +redis+ mongodb +prisma+zustand

    • @_Rifat
      @_Rifat 2 месяца назад

      work properly event calender?

  • @KenyaDataPlatform
    @KenyaDataPlatform 3 месяца назад

    Lama comes hot ...dont forget to like and subscribe....since we are using latest tech stack its only fair to go Hono, drizzle ORM and Neon(Postgres). I have used this stack and its amazing.

  • @Iamvijaypotnuru
    @Iamvijaypotnuru 3 месяца назад +1

    really awesome sir 😍😍😍😍😍😍

  • @longsovanorak
    @longsovanorak 3 месяца назад +6

    Backend - Express Prisma PostgreSQL

  • @rgagankumar5191
    @rgagankumar5191 3 месяца назад +1

    Next js Unit testing and full e2e testing..
    Must needed tutorial

  • @The-sound-of-silence
    @The-sound-of-silence 7 дней назад +1

    I can't thank you enough for this mesmerizing video, I would be very happy if you replied on my question: How can I implement a chat so teachers can send messages to student page inside this app?

  • @extrouzex1070
    @extrouzex1070 3 месяца назад

    Thanks for such a great surprise 😍

  • @ezeprince9974
    @ezeprince9974 2 месяца назад

    Nice one. I will like to see the student result backend with mongo db

  • @Ary007.
    @Ary007. 3 месяца назад

    Need Backend tutorial asap. thank you for the frontend tutorial

    • @_Rifat
      @_Rifat 2 месяца назад

      work properly event calender?

  • @shahabjoon201
    @shahabjoon201 3 месяца назад

    Wow. thanks for this awesome project, backend in my opinion node js (or for sure Nest.js) and the database can be Mongo or Po..Sql.. Thanks for sharing your knowledge..

  • @luizalmeidaalvesfilho6864
    @luizalmeidaalvesfilho6864 3 месяца назад +1

    Muito show todo o conteudo! Pretendo adicionar uma seção de parametrização: Notas/Média + Bimestres + Ano!

  • @ukkashrecords7046
    @ukkashrecords7046 3 месяца назад

    awesome teacher with awesome effort

    • @_Rifat
      @_Rifat 2 месяца назад

      work properly event calender?

    • @ukkashrecords7046
      @ukkashrecords7046 2 месяца назад

      @@_Rifat big calendar is bad lol

  • @never-mind-guy
    @never-mind-guy 2 месяца назад

    Beautiful work bro

  • @vvs9679
    @vvs9679 2 месяца назад

    Yess waiting for the backend......please can you consider using microservice architecture if it is possible

  • @User-yb3yc
    @User-yb3yc Месяц назад

    Hey lama , thank you for this great project .
    Pls create one SaaS Project .
    👏👏

  • @animesenpai5565
    @animesenpai5565 3 месяца назад +4

    Backend: mongo or Express with prisma

  • @HuzaifaIbad-fm3to
    @HuzaifaIbad-fm3to Месяц назад

    LAMA you are an excellent teacher.sir plz include fee collections record in this project.

  • @dna0710
    @dna0710 3 месяца назад

    Wonderful work Lama! Please do backend with either Postgresql or MongoDB plz Lama, cuz most businesses these days use them 😭

  • @zakmnmoh
    @zakmnmoh 2 месяца назад

    This is another interesting project from LAMA,
    Please show how to deploy this project with backend to Hostinger
    BACKEND: STRAPI + MySQL OR nodejs + express + prisma OR sequelize + MySQL OR Postgres

  • @dimpav
    @dimpav 3 месяца назад

    Fantastic job man.. For the backend i would like to see Mysql or Firebase with Realtime Notifications and user authentication with roles

  • @rakeshroy1633
    @rakeshroy1633 2 месяца назад

    Happy teachers day sir❤❤❤❤❤

  • @miquellais
    @miquellais Месяц назад

    Just finished the tutorial. Good job bro, nice as always! Why do we need blood type for teachers and students? What kind of school is it?🤔😄

  • @graigkefiloe7888
    @graigkefiloe7888 3 месяца назад

    For Backend please use Node, GraphQL and MongoDB as a database. There is no extensive tutorials for this combination. Thank you for the great content

  • @bekirasmcelik2934
    @bekirasmcelik2934 3 месяца назад

    You are great man! Thanks!

  • @muhammadimranrafique4778
    @muhammadimranrafique4778 3 месяца назад

    thank you so much Backend : python + Postgressql

  • @Kaldaway
    @Kaldaway Месяц назад

    Thank you very much for your work !!!

  • @FahadIslam-te8tk
    @FahadIslam-te8tk 2 месяца назад +1

    egarly waiting for the backend videooooooooooooooooooooo

  • @MurialCode
    @MurialCode 2 месяца назад

    thank your for the tutorial, this is a great tutorial, i hope the backend using golang and mongo. make some awesome recipe

  • @leoamato6113
    @leoamato6113 3 месяца назад

    amazing! thanks! please do the backend too would be useful!