Name: Django Rest Framework & React Tutorial: Learning Management System (Blackboard / Moodle Clone)
Uploaded: 2020-03-28T16:10:30.000Z
Duration: 3 h 17 min 8 s
Description: Thousands of YouTube videos with English-Chinese subtitles! Now you can learn to understand native speakers, expand your vocabulary, and improve your pronunciation...

Basic passive voice

welcome to the start of a new tutorial, Siri's, and this is called Teach Me Jenga, which is a project built with Django and react, showing you how you can work with multiple users in a kind of mock online system where you can create assignments, filled them in and see the results of those assignments on your profile.

Adverbs of degree

And so this is the finished product off that project, and what I'm going to do is just walk you through what it looks like.

Adverbs of manner

So you get an idea of what we're actually working towards in this tutorial, Siri's.

So I'm gonna go ahead and log in, and I already have a user created for this, and we don't have any assignments just yet, so we'll go ahead and create one so we'll give it a title.

As this is, the first assignment will set the question to be.

Is the school well, so the answer is yes.

And then we'll add a choice where the 1st 1 could be Yes, and the 2nd 1 can be no.

And then we can have a question, and I'll say, this one is Django is awesome.

And now we have our assignments, an assignment that is loaded here.

Everything click on it and we see we get the questions.

So we've got is the school will say Yes, Go to the next one.

And let's say I want to go back and I'm actually gonna change my mind.

And if we head over to our profile, you can see we've got 50% for that assignment.

And that's because we said that jangles not cool.

Where's the answer was yes, it actually is cool.

And so before judging how complete this project is in terms of validation and seeing detail, views and thinking, there's a lot more stuff to be displayed and that this is really just too basic.

You'll be surprised as to how much actually goes on in the back in to get this to work.

And so we're going to be jumping into ah whole lot of customization of serialize er's and a lot of reactors.

Well, so this is what we're going to be building in this project way.

The two different kinds of users were looking at our students and teachers.

Only teachers can actually create these assignments, and only students in theory should be allowed to answer these sons.

And so we're gonna walk you through the process of creating this multiple users system.

So to get started, you're going to want to open up V s code.

I've got absolutely nothing here, an empty directory which we'll use to store all the project content and get started actually going to clone something from our get up Paige.

And this is a boilerplate project that we created for getting started with Django and react.

And this is just to help getting started with adding projects that a bolt with Django and react because it seems we're going to be doing this for quite a while.

So I'm just going to grab this year l here and going to clone into this depository so we'll just say, get clone.

And that will bring this repositories into this folder, and today we have it.

We've got home directory, which is basically our Django project, and we're currently using three different settings files, depending on whether you're in production or development.

And then we have a source folder which has a basic react project set up a swell.

Now I'll link a video showing you everything that's contained inside this project, which recovered in one of our videos, showing you how to set up with indication between Jango and react.

So everything in that video we basically took and just compiled it into a boilerplate repositories so that we could just pull that easily so we don't have to keep on repeating ourselves that way.

We already have a nice set up to get started with, and we can get working from here.

So what I'm going to do is just bring all of the folder contents inside this directory that I'm working with and there we go.

Now I'll just clear out the terminal and we can take a look at what we've got.

We've got TVs, code settings, which basically is just sitting pilot and the python part of Virtual environment path and some files to exclude.

In obvious code editor, we've got the Home directory which has a base settings for all the installed abs, middle way templates and some other things that will need for both development and production and then in development.

You've got the allowed hosts being our local host, debug being true.

The W s job application for development and a DBS collect three daughter base set up with the local host off 3000 being in our course origin White list and then in production, we've got our domain withdrew.

Need to add the different Ws July application for production a daughter base set up for post grace which we don't actually have those credentials set up just yet.

They we've got orthe password validators and static file storage for when we use white noise.

And this is all with the intention to eventually hostess on Hiroko.

So we also have the source folder which currently has ah, wrap dress which is water trying to sign up.

We're using react redox hence these maps, state props and map dispatch methods that were connecting to our app.

We've got a higher order component which basically returns the Children off the props that up Austin.

And we've just got a layout, a log in and a sign up container which again also comes from that video tutorial on authentication with Django and react.

And so what we want to achieve in this video is basically to set up the Jang arrest framework arrest orthe, which is what we're going to use to authenticate uses on the back end.

But we're going to need to customize that if we want to actually have our own custom user.

We're gonna create the serialize is for that user and show you how you can customize the rest orthe to allow for those users.

So we'll get started by opening up the terminal and just creating ourselves a virtual environment which will just name virtually envy.

We can activate that and we'll say, Put in stole, dash our requirements dot t x t and we'll open up another terminal here to install on no dependency.

And we can get started with creating ourselves a users app, and this is where we're going to create our custom user.

I start app and will say the name is users and we can go into our home directory to settings based on pie and inside the installed APS, weaken, scroll down and add our users.

And with that, we can close based on pie, and we'll go into our users Appiah and we're going to the models.

And what we're going to do is import the abstract user, which comes from Jang Go's contra orthe models.

So we'll say from Django that contract that oft of models import the abstract user.

I'll see you get two types of users that are prompted.

One is the base using one's the abstract user.

Now the abstract base user will require a lot more configuration.

Have also covered this in another video where we actually used the abstract base user to create our own custom user and show you how you can link that up to be the default user of your sight.

It's actually a lot simpler, so we're going to go ahead and use that.

We'll add close you and called us the user, which inherits from the abstract user.

And basically what this means is that it has all those attributes like username, password, email.

All of that configuration has done for you.

Except now you can add the fields that you particularly want to actually add that will make your users that much more unique.

Now, in our case, we're going to store two kinds of users.

We're going to have a student and a teacher.

You could be both at the same time, but we're not too worried about that.

And so the way that we're going to handle that is by adding two fields on the user, and he's going to be Boolean Fields.

So we're going to have the Is Student, which will be models dot boolean Field.

So either true or false, and then we'll have the is teacher, which is also a model's dot brilliant field.

So that means is that when we create the user, we're going to need to pass in whether this user is a student, so either true or false and reading to Parson.

If it's a teacher and they will just say define the string method, which takes himself and also return self dog used name because remember, this doesn't hear it from the abstract user that is our base user, and that is what will be using when we create our users.

Now what I'm also going to do is define another classier, which is thief student, and this will just be a model stop model.

And all we're doing is basically a signing a 1 to 1 field with the user, so that instead of working with the base user that we created here, will work with student model when we need to refer to a an actual student.

And we're not going to add too much configuration to this model.

Subtitles ListPlay Video

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

constant

grab

basically

instance