A HUGE thanks for this repository goes to Coding for Innovation for providing the base for this project!

Django with React, Vite and Chakra-ui

With this project you can build a webapp with Django as backend, React as frontend, Vite as build-tool and Chakra-ui as UI component provider.

---

Get Started

Get Started with the Tutorial

$ git clone https://github.com/fmiccolis/DjaReViCha-ToDo-App
$ python -m virtualenv .venv
$ source .venv/bin/activate
(.venv) $ pip install -r requirements.txt

Make migrations

(.venv) $ python manage.py makemigrations

Migrate

(.venv) $ python manage.py migrate

Create super user

(.venv) $ python manage.py createsuperuser

Run Django Server

(.venv) $ python manage.py runserver

Install React JS Libraries

(.venv) $ npm i 

React JS Dev Server

(.venv) $ npm run dev

React JS Build

(.venv) $ npm run build

Features

• django-admin-interface: modern responsive flat admin interface customizable by the admin itself.
• allauth: Integrated set of Django applications addressing authentication, registration, account management as well as 3rd party (social) account authentication.
• rest_framework: Django REST framework is a powerful and flexible toolkit for building Web APIs.
• dj_rest_ath: Drop-in API endpoints for handling authentication securely in Django Rest Framework. Works especially well with SPAs (e.g., React, Vue, Angular), and Mobile applications.
• drf_spectacular: Sane and flexible OpenAPI (3.0.3 & 3.1) schema generation for Django REST framework.

Things worth mentioning

Testing

This repository is NOT tested in a production environment. I will not take any responsibility in case of problems.

JWT Token

The token is not stored anywhere except the React state in the AppProvider therefore on each page reload you have to perform another login. Do your research and store the token where you want (LocalStorage, Cookie, ecc) to keep the user logged in.