School Management System - MERN Stack, Admin, Student, Teacher, ReactJS, Nodejs with Source Code

Поделиться
HTML-код
  • Опубликовано: 5 сен 2024
  • The School Management System is a web-based application built using the MERN (MongoDB, Express.js, React.js, Node.js) stack. It aims to streamline school management, class organization, student attendance, provide marks to student, tables and charts for visual learning the data, dashboard and facilitate communication between students, teachers, and administrators.
    User can switch between these roles : Admin, Student, Teacher
    Technologies Used
    Frontend: React.js, Material UI, Redux Toolkit, Recharts
    Backend: Node.js, Express.js
    Database: MongoDB
    Connect with me (Please leave a star on my github) :
    LinkedIn : / yogndrr
    Github : github.com/Yog...
    Instagram : / yogndrr
    You will find the github link in the comments section below.
    Like Subscribe for more content in the future.

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

  • @Yogndrr
    @Yogndrr  Год назад +30

    Please leave a star here :- github.com/Yogndrr/MERN-School-Management-System
    Edit : I have noticed many messages about getting error. To fix this go to the backend,
    Create a file called .env in the backend folder.
    Inside it write this :
    MONGO_URL = mongodb://127.0.0.1/school
    Instead of this link write your database link.
    Now in frontend go to src > redux > userRelated > userHandle.js
    Write this after the import statements :
    const REACT_APP_BASE_URL = "localhost:5000"
    Now replace all process.env.REACT_APP_BASE_URL with REACT_APP_BASE_URL.
    The problem here was that the .env file in the frontend was not working for other users while it works for me.
    So you have to do this in the frontend. After this the project will run smoothly if not then you can contact me.
    If you are still getting error I have updated the ReadME file explaining the solution to the error. You can check it out.
    github.com/Yogndrr/MERN-School-Management-System

    • @yogeshworbist8582
      @yogeshworbist8582 Год назад +1

      done bro .

    • @AvikNayak_
      @AvikNayak_ 5 месяцев назад

      Make a tutorial for this project brother.

    • @gadraouisawsen1557
      @gadraouisawsen1557 4 месяца назад

      comment je peux contacter parce que je besoin ton aide

    • @susanpoudel5828
      @susanpoudel5828 4 месяца назад

      Hi there,
      For some reason, I cannot see the classes/ subjects/teachers I added. However, the classes I added is updated in the Mongodb. As a result, I am unable to add students/subjects in the system as I am prompted to choose a class (it is only a text only, I can't choose any class)

    • @RVSaran
      @RVSaran 4 месяца назад

      Hi there,
      For some reason, I cannot see the classes/ subjects/teachers I added. However, the classes I added is updated in the Mongodb. As a result, I am unable to add students/subjects in the system as I am prompted to choose a class (it is only a text only, I can't choose any class) same error is coming with me also can u find the solution to it when i click on subjects icon in classes tab then error of rows.slice is not a function
      TypeError: rows.slice is not a function how to fix it plz respond

  • @nitinsalunkhe8292
    @nitinsalunkhe8292 Месяц назад +2

    thank you brother
    if u guys facing db related problem just move your env file in backend

  • @arafatanjan95
    @arafatanjan95 10 месяцев назад +8

    Please give a video on step by step process

  • @pasindukariyawasam575
    @pasindukariyawasam575 7 месяцев назад +2

    Great work bro.I need full tutorial for this vedio 😊😊

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

    I am not able to sign up myself...also even used yr details but unable to login

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

      @@bhanupriyadubey4993 Please follow the Readme file properly. If it is still not working after following it then you can contact me with LinkedIn or email provided in the description. Thanks

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

    Great work bro
    Waiting for step by step video

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

    This was so helpful. Thanks so much

  • @Legend-gx6je
    @Legend-gx6je 4 месяца назад +2

    Great work bro i will give you a ⭐

  • @user-my1hn5lq5p
    @user-my1hn5lq5p 3 месяца назад +1

    than you s muchit worked with me i really was in need for this project

  • @yogeshworbist8582
    @yogeshworbist8582 10 месяцев назад +2

    congratulation on 1k views 🎉🎉

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

    you should have use the tailwind css for designing

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

    Bro please make this making video step by step i very like this school dashboard😊

  • @monishsatpuri4999
    @monishsatpuri4999 10 месяцев назад +2

    Would love too see more videos

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

    Please make video of this project from scratch 🙏

  • @lalanthakur8393
    @lalanthakur8393 5 месяцев назад +2

    Payment Based On Course Will Be More Better Too

  • @sagarofficial2809
    @sagarofficial2809 10 месяцев назад +1

    Nice video bro
    Please make step by step video

  • @out-of-sight
    @out-of-sight 10 месяцев назад +2

    Hi, could you make a tutorial for this project? It would be very helpful. Thank you.

  • @user-hu8tf6lo6n
    @user-hu8tf6lo6n Год назад +2

    bhai laptop banane k paise toh dedeta 😀😀😀😀
    just kidding nice project

  • @yogeshworbist8582
    @yogeshworbist8582 Год назад +2

    very impressive
    Good luck 🎉🎉

    • @Yogndrr
      @Yogndrr  Год назад +1

      Thank you! 😃

  • @himanshu2787
    @himanshu2787 4 месяца назад +2

    thank you so much for this sir

  • @user-wc3pt3od2j
    @user-wc3pt3od2j 11 месяцев назад +2

    Very nice project bro
    Keep it up 🎉🎉🎉

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

    Neee step by step video please

  • @ashishbisht6841
    @ashishbisht6841 Год назад +1

    Very nice project
    Keep it up bhai

  • @ugochukwuanajemba3117
    @ugochukwuanajemba3117 11 месяцев назад +1

    Could u include finance managementin this project and make a video. Great job 🎉

  • @rifaiabdurrohman9428
    @rifaiabdurrohman9428 21 час назад +1

    Is it using tailwindcss?

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

    we want video bro step by step

  • @Legend-gx6je
    @Legend-gx6je 4 месяца назад +2

    Sir why all delete functions are not working

    • @Yogndrr
      @Yogndrr  4 месяца назад +1

      Check the code I have commented out the delete parts. Just uncomment them.

    • @Legend-gx6je
      @Legend-gx6je 4 месяца назад

      Thanks solved

  • @dharmanandaawasthi
    @dharmanandaawasthi 8 месяцев назад +1

    Very good

  • @yashodabist8001
    @yashodabist8001 10 месяцев назад +1

    Nice project

  • @OnlyAyushAgarwal
    @OnlyAyushAgarwal 8 месяцев назад +1

    Nice

  • @Paraslad004
    @Paraslad004 4 месяца назад +1

    How to do the terminal work bro? I am unable to do so. Beginner here So no knowledge

    • @alanalouti1595
      @alanalouti1595 4 месяца назад

      what's your problem exactly ? you can't run the project ?

  • @Akash-rk7tn
    @Akash-rk7tn 4 месяца назад +1

    i want to explore the functionality of the code. But, i am facing issue signup user is working fine and able to login to the admin panel. But when i am trying to login as as guest and there if i am choosing any option screen is stuck is there and buffer. No error is in browser console and also on the vscode suggest me any solution for it @yogndrr

    • @Yogndrr
      @Yogndrr  4 месяца назад

      Check my readme file. I have given the solution there.

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

    Getting error on frontend plz help connection with mongodb success data showing within mongodb but not showing on frontend.. Cant create or cant do anything after admin login.. On dashboard or some options are missing.... Plz guide.. Us

    • @Yogndrr
      @Yogndrr  29 дней назад

      Reach out to me here :
      www.linkedin.com/in/yogndrr/

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

    I cloned frontend only and it shows network error .
    Do I have to clone backed also???
    I need frontend part only.

    • @Yogndrr
      @Yogndrr  6 месяцев назад

      Contact me - awasthiyogendra271@gmail.com

    • @Yogndrr
      @Yogndrr  6 месяцев назад

      To fix this go to the backend,
      Create a file called .env in the backend folder.
      Inside it write this :
      MONGO_URL = mongodb://127.0.0.1/school
      Instead of this link write your database link.
      Now in frontend go to src > redux > userRelated > userHandle.js
      Write this after the import statements :
      const REACT_APP_BASE_URL = "localhost:5000"
      Now replace all process.env.REACT_APP_BASE_URL with REACT_APP_BASE_URL.
      The problem here was that the .env file in the frontend was not working for other users while it works for me.
      So you have to do this in the frontend. After this the project will run smoothly if not then you can contact me.

    • @tejaspathak9877
      @tejaspathak9877 4 месяца назад

      I am getting a error Post lochalhost:3000/AdminReg 404 (Not Found)

    • @tejaspathak9877
      @tejaspathak9877 4 месяца назад

      Please help

  • @user-xk4yw9pz4d
    @user-xk4yw9pz4d Год назад +1

    nice one
    keep it up brother ❤❤

  • @twiceisthenationsgirlgroup619
    @twiceisthenationsgirlgroup619 Год назад +3

    Nicee

  • @notsostablegoku4227
    @notsostablegoku4227 Год назад +1

    Nice project
    Would love to see some improvements.😁

  • @janakbhatta7320
    @janakbhatta7320 Год назад +1

    Good work Keep it up 👍🙂

  • @gaurishankarbisht5038
    @gaurishankarbisht5038 Год назад +3

    Good project

  • @MAzeem-kp2zu
    @MAzeem-kp2zu 8 месяцев назад +4

    Creat a full tutorial from scratch plz plz

  • @user-nr5du7cl6y
    @user-nr5du7cl6y Год назад +1

    Very impressive bro keep it up

  • @razilahamed4066
    @razilahamed4066 10 месяцев назад +2

    Nice Project

  • @badrirobotics5558
    @badrirobotics5558 Год назад +1

    very good bro
    keep it up

    • @Yogndrr
      @Yogndrr  Год назад

      Thank you so much 😀

    • @maiemyswan7471
      @maiemyswan7471 6 месяцев назад

      How can I access its db?

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

    Bruh tutorial please

  • @TalhaxD.
    @TalhaxD. 8 месяцев назад +3

    How can I access its db?

  • @DeepakSingh-sv9of
    @DeepakSingh-sv9of Год назад +1

    Good one keep it up

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

    Can you please explain how to deploy this on cpanel. There are a lot of errors and confusions.

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

      Contact me - awasthiyogendra271@gmail.com
      LinkedIn : www.linkedin.com/in/yogndrr/

  • @RahulGupta-rh2wn
    @RahulGupta-rh2wn 10 месяцев назад +1

    Nice Video Dude

  • @mohammadroshan4928
    @mohammadroshan4928 8 месяцев назад +1

    can we use backend as springboot for this website

  • @nitinsalunkhe8292
    @nitinsalunkhe8292 28 дней назад

    Bro the code is working end even values are storing in data base the problem is when i create a new class it is not displaying even subject is not displaying i want to talk to you is there any way to connect you

    • @Yogndrr
      @Yogndrr  7 дней назад

      Hi. You can follow the readme file. I have given error solution there. If it still doesn't work then you can try emailing me or contact me on LinkedIn.

  • @saurabhghute16
    @saurabhghute16 5 месяцев назад +1

    hello,How can i reach to you ??

  • @poojar5529
    @poojar5529 11 месяцев назад +1

    Good bro keep it up

  • @gga5377
    @gga5377 11 месяцев назад +2

    Thank you

  • @SumitKharayat
    @SumitKharayat 9 месяцев назад +1

    does this website also works in phone ??

  • @techgadwali
    @techgadwali Год назад +1

    Nice project

  • @BerlinGam1ngYT
    @BerlinGam1ngYT 7 месяцев назад +2

    giving an axios error. does someone help me

    • @Yogndrr
      @Yogndrr  6 месяцев назад

      Contact me - awasthiyogendra271@gmail.com

    • @Yogndrr
      @Yogndrr  6 месяцев назад

      To fix this go to the backend,
      Create a file called .env in the backend folder.
      Inside it write this :
      MONGO_URL = mongodb://127.0.0.1/school
      Instead of this link write your database link.
      Now in frontend go to src > redux > userRelated > userHandle.js
      Write this after the import statements :
      const REACT_APP_BASE_URL = "localhost:5000"
      Now replace all process.env.REACT_APP_BASE_URL with REACT_APP_BASE_URL.
      The problem here was that the .env file in the frontend was not working for other users while it works for me.
      So you have to do this in the frontend. After this the project will run smoothly if not then you can contact me.

  • @gadgetsunder500
    @gadgetsunder500 5 месяцев назад +1

    Bro olz how i get you database fo this project plz

    • @Yogndrr
      @Yogndrr  4 месяца назад

      To fix this go to the backend,
      Create a file called .env in the backend folder.
      Inside it write this :
      MONGO_URL = mongodb://127.0.0.1/school
      Instead of this link write your database link.
      Now in frontend go to src > redux > userRelated > userHandle.js
      Write this after the import statements :
      const REACT_APP_BASE_URL = "localhost:5000"
      Now replace all process.env.REACT_APP_BASE_URL with REACT_APP_BASE_URL.
      The problem here was that the .env file in the frontend was not working for other users while it works for me.
      So you have to do this in the frontend. After this the project will run smoothly if not then you can contact me.

  • @Binod-Joshi
    @Binod-Joshi 4 месяца назад +1

    hlo

  • @Talha222-z1r
    @Talha222-z1r 4 месяца назад +1

    Please replay me axios error 😊

    • @Yogndrr
      @Yogndrr  4 месяца назад

      I have emailed you. Check it.

  • @vksoniofficial
    @vksoniofficial 4 месяца назад +1

    Hi Yogendra,
    Please connect me, I want to use this project, will need your help. This will be paid

    • @Yogndrr
      @Yogndrr  4 месяца назад +1

      Please you can contact me at :-
      awasthiyogendra271@gmail.com
      Or my LinkedIn :-
      www.linkedin.com/in/yogndr/

  • @ArunKumar-qk8mb
    @ArunKumar-qk8mb 7 месяцев назад +2

    i got error msg... network error

    • @Yogndrr
      @Yogndrr  6 месяцев назад

      Contact me - awasthiyogendra271@gmail.com

    • @Yogndrr
      @Yogndrr  6 месяцев назад

      To fix this go to the backend,
      Create a file called .env in the backend folder.
      Inside it write this :
      MONGO_URL = mongodb://127.0.0.1/school
      Instead of this link write your database link.
      Now in frontend go to src > redux > userRelated > userHandle.js
      Write this after the import statements :
      const REACT_APP_BASE_URL = "localhost:5000"
      Now replace all process.env.REACT_APP_BASE_URL with REACT_APP_BASE_URL.
      The problem here was that the .env file in the frontend was not working for other users while it works for me.
      So you have to do this in the frontend. After this the project will run smoothly if not then you can contact me.

  • @justfor6516
    @justfor6516 10 месяцев назад +2

    Network error aa raha hai

    • @Yogndrr
      @Yogndrr  10 месяцев назад

      Kaha pe?

    • @prathammotwaney886
      @prathammotwaney886 10 месяцев назад

      @@Yogndrr mongodb database isnt connecting, could you please help with this
      Here's the error:-
      NOT CONNECTED TO NETWORK MongooseError: The `uri` parameter to `openUri()` must be a string, got "undefined". Make sure the first parameter to `mongoose.connect()` or `mongoose.createConnection()` is a string.

    • @Yogndrr
      @Yogndrr  6 месяцев назад

      ​@@prathammotwaney886Contact me - awasthiyogendra271@gmail.com

    • @Yogndrr
      @Yogndrr  6 месяцев назад

      To fix this go to the backend,
      Create a file called .env in the backend folder.
      Inside it write this :
      MONGO_URL = mongodb://127.0.0.1/school
      Instead of this link write your database link.
      Now in frontend go to src > redux > userRelated > userHandle.js
      Write this after the import statements :
      const REACT_APP_BASE_URL = "localhost:5000"
      Now replace all process.env.REACT_APP_BASE_URL with REACT_APP_BASE_URL.
      The problem here was that the .env file in the frontend was not working for other users while it works for me.
      So you have to do this in the frontend. After this the project will run smoothly if not then you can contact me.@@prathammotwaney886

    • @Yogndrr
      @Yogndrr  6 месяцев назад

      To fix this go to the backend,
      Create a file called .env in the backend folder.
      Inside it write this :
      MONGO_URL = mongodb://127.0.0.1/school
      Instead of this link write your database link.
      Now in frontend go to src > redux > userRelated > userHandle.js
      Write this after the import statements :
      const REACT_APP_BASE_URL = "localhost:5000"
      Now replace all process.env.REACT_APP_BASE_URL with REACT_APP_BASE_URL.
      The problem here was that the .env file in the frontend was not working for other users while it works for me.
      So you have to do this in the frontend. After this the project will run smoothly if not then you can contact me.

  • @rounaksaha2726
    @rounaksaha2726 10 месяцев назад +3

    Bro Why is it showing network error?

  • @NiteshMaurya1111
    @NiteshMaurya1111 2 часа назад

    GETING AZIOS ERROR

  • @apdirihmanmohamedapdixaaan597
    @apdirihmanmohamedapdixaaan597 10 месяцев назад +1

    Let tutorial the code

  • @AniketYadav-nu3fb
    @AniketYadav-nu3fb 10 месяцев назад +1

    Bhai Sclass kya hota hai aapke code mein joh hai?

    • @Yogndrr
      @Yogndrr  6 месяцев назад

      Class aise hi nahi likh sakte error aata hai isiliye Sclass likha matlab School Class

    • @AniketYadav-nu3fb
      @AniketYadav-nu3fb 6 месяцев назад

      @@Yogndrr got it 😃

    • @kingyt07
      @kingyt07 4 месяца назад

      @@Yogndrr bhai database se data get nai kr rha please bta den kesy hoga

  • @bellalhossainrayhan3394
    @bellalhossainrayhan3394 21 день назад

    Bro i can't sign in page i mail you please help me

    • @Yogndrr
      @Yogndrr  7 дней назад

      Yes I replied you there. Check

  • @nirmala077
    @nirmala077 Год назад +2

    Hey❤

  • @bellalhossainrayhan3394
    @bellalhossainrayhan3394 10 дней назад

    How can access data base please help

    • @Yogndrr
      @Yogndrr  7 дней назад

      Hi. You can follow the readme file. I have given error solution there. If it still doesn't work then you can try emailing me or contact me on LinkedIn.

  • @bellalhossainrayhan3394
    @bellalhossainrayhan3394 10 дней назад

    Bro i can't sign in

    • @Yogndrr
      @Yogndrr  7 дней назад

      Hi. You can follow the readme file. I have given error solution there. If it still doesn't work then you can try emailing me or contact me on LinkedIn.

  • @bellalhossainrayhan3394
    @bellalhossainrayhan3394 10 дней назад

    I mailed you please help

    • @Yogndrr
      @Yogndrr  7 дней назад

      Yes I replied you there. Check

  • @user-mh5yl4zd6t
    @user-mh5yl4zd6t Год назад +2

    Hey,
    Your contact?

    • @Yogndrr
      @Yogndrr  Год назад

      awasthiyogendra271@gmail.com