Django Rest Framework & React Tutorial: Learning Management System (Blackboard / Moodle Clone)



In this intermediate Python Django tutorial you will learn to create a multiple-user system using React and the Django Rest Framework. We’ll be building an online school where teachers can create assignments that students can complete and view their results.

💻 Clone this repo to get started: https://github.com/justdjango/django-react-boilerplate

💻 Full code: https://github.com/justdjango/teach-me-django

🔗 How to setup authentication between Django and React: https://youtu.be/BxzO2M7QcZw

🎥 Course from JustDjango. Check out their YouTube channel: https://www.youtube.com/channel/UCRM1gWNTDx0SHIqUJygD-kQ

📄 Want to learn how to deploy your projects? Check out JustDjango’s course on Udemy: https://www.udemy.com/learn-to-deploy-django/

🐦 JustDjango on Twitter: https://twitter.com/justdjangocode

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://medium.freecodecamp.org

And subscribe for new videos on technology: https://youtube.com/subscription_center?add_user=freecodecamp

source

This Post Has 46 Comments

  1. JustDjango

    Thanks for the collaboration! Django all the way 🚀😎

  2. Advocate'sDevil

    I haven't watched it yet but i cant find the answer. Does this only use django as "backend"? I remember seeing some tutorial with Vue and Django and it was setup and a weird way where it required to use node.js still, which didndt make much sense to me.

  3. Mr White

    thank you man! I was looking this kind of videos. <3

  4. i am getting many exception bcz of this error while saving 'a' with 'a.save()'

    sqlite3.OperationalError: no such table: users_user

  5. I saw that you changed to semantic, for newbies this might be confusing, but I think giving out semantic's link and a short tutorial on the description should help a lot of people

  6. around 13:27 when i did runserver, it didn't work. I'm getting a Server Error (500). any ideas on how to fix this?

  7. I got this when i try to login: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

  8. Homicida1 Bunny

    Hi thanks for the video. Been using them to learn django. For this one I got snagged right away at 'index.html' url which it could not locate should I change the address "template_name='public/index.html'" ? Anyone could help me out? Thank you

  9. hey.. can you explain why we are not able to login in admin panel with the earlier user. thanks in advance..

  10. MidNight

    There are files missing and I cant find the same version as the clone in the tutorial. This felt like a waste of time

  11. Jing Han Ng

    Hi, could you kindly show us how to authenticate with social logins too? Social authentication is in the admin page but not used.

  12. Mohan8046

    Can't login to admin after creating superuser even with shell, have checked is_staff, is_superuser and others, all are set correctly in the database.

  13. Liz Pilkington

    Hi, the signup.js form code looks different to the GitHub clone. Can anyone provide a URL for help on react forms that use the Form.Input tag instead of the Form.Item?

  14. Zach Eberhart

    Could you please update the tutorial with the correct files? I followed it exactly twice now and it's not working (having the same problems as the other recent comments).

  15. Yash Marmat

    template error, template does not exist index.html

  16. MbeforeL

    If you are getting template not found error at 13:08 ,Try running "npm run build"

  17. Adam Baser

    the signup.js file is differnt inn github, any fixes?

  18. Rohi Ulecia

    This is a very nice tutorial, but if you pull the project from git, some things are different, the library used is semantic-ui and not antd, and there are some other differences, that if you're totally clueless in the ways of react/redux will send you off spiraling.

  19. alex barasa

    Just what I was looking for. Thank You. This is awesome. let me prepare my cup of coffee. Its gonna be a long night.

  20. At 7:23 a build directory has been created automatically. Not sure from where it appears suddenly. As its not coming in my way and now giving error that index.html not found. Help if you can?

  21. Pera Peric

    Which vsc extensions should be installed for django?

  22. Can we create an api using django-rest framework that will connect to the database (given by url parameter )and query

    the given table ???

  23. Faizan Ahmed

    Could you please update the tutorial with the correct files? I followed it exactly twice now and it's not working.

  24. Mohamad Sed

    Project source have been changed on github ☹️

  25. Hamza Ibrahim

    I am beginner with Django and react but I have the basics of Python and Javascript,
    can I watch this project?

  26. DCMPSaliva

    pip install requirements .txt not working correctly. Tried to just install updated versions and follow along but then failed on makemigrations

  27. rajat sharma

    I don't like how you start from a boiler plate…I have seen your other videos as well and I found you always start like this….there are a lot of subtle configuration points that are necessary to be understood….In my opinion just caring about the end product is not healthy for learning….

  28. Stones

    Useless project to follow. What you copy from the git repo and what is shown in the video is totally different. Wish this was more clear and spent more time debugging then learning the concepts from the video.

Leave a Reply