In this artilce, we will create a CRUD (Create, Read, Update, Delete) model in the Django Rest Framework and React. It will be for simple note taking. User will be able to add new note, read all her notes, update note (to upper or lower case), and delete selected note.
Django and React Tutorial
In the previous article we’ve added signup and login features to the frontend. After login we are redirected to the
Dashboardview. However, you can access
Dashboardview even if you are not logged in. In this post we will make the
Dashboardso only logged users will be able to access it. If not logged user would like to access the
DashboardURL then she will be redirected to
Loginwith redirect information in the URL
/login?next=/dashboard. We will also add logout feature in the
In this post, we will write React code to interact with token-based authentication REST API from the Django backend. We will use code from the previous post: Token Based Authenitcation with Django Rest Framework and Djoser (code with tag v3)
In this post, we will create a user interface in React for authentication (Signup and Login views). Components will not perform any actions (they won’t be communicating with the backend, yet). We will use code from the previous post: Starting SaaS with Django and React (code with tag v1). In the next posts, we will create an authentication REST API in Django and provide actions in the frontend.
Software-as-a-Service (SaaS) is a model of software delivery in which users pay a subscription to get access to centrally hosted software. Nowadays, you can easily build your own SaaS, but you need to have programming skills. There are a lot of open-source web frameworks that allow you to quickly create a web service. You can serve SaaS on rented hardware in the cloud. You can start your own SaaS at 10-50$ per month of total costs (but you need to have programming skills!).