Django REST API with React BoilerPlate
- Integration of Django and React, Auth and Registraion
Backend
- Django REST framework for a powerful API
✔ - Django ORM for interacting with the database
✔ - PostgreSQL
✔ - Unit tests with Pytest (coming soon..)
Features
✨
- Django Config with environment variables
✔ - Accounts with Update your profile & pick an avatar (coming soon..)
- React app Integration in the templates
✔ - Fetching Api Data via Axios
✔ - Accounts Registration and Authentication Using Reducers and Redux
✔
How to Run locally
🚀
- Install Dependencies after creating and activating virtual environement
$ pip install -r requirements/local.txt
- Create .env file in config and put variables for Secret Key and Database (PostgreSQL) as created in sample.env file
$ python manage.py makemigrations
$ python manage.py migrate
- Install dependencies in frontend app using following commands in separate terminal
- First make sure you have installed Node.js, I used v15.10.0 while developing this setup. For More info https://nodejs.org/en/
- Then run following commands in dir where the package.json file is located
$ npm install
$ npm run dev
- After that you should keep running this terminal as this is automatically compiling the react.js code in single file main.js
- Then Run the following command in previous terminal to load frontend react app on django server
$ python manage.py runserver
- React app available at
http://localhost:8000/ - API root available at
http://localhost:8000/api/ - Admin available at
http://localhost:8000/admin/
Screenshots
📸
- API Documentation
- State Chart From Redux Dev Tool
- Homepage/Login
- Registeration Page
- Logged In
- API root
⭐️
Support
Give a
4k Dec 31, 2022
1 Nov 05, 2021
156 Nov 19, 2022
2.4k Dec 29, 2022
16.7k Dec 28, 2022
2 Jan 06, 2022
5.6k Dec 27, 2022
1.1k Dec 28, 2022
1 Oct 31, 2021
133 Jan 05, 2023
142 Jan 06, 2023
13 Sep 24, 2022
3 May 04, 2022
2.6k Dec 23, 2022
2.4k Dec 24, 2022
4.8k Jan 05, 2023
6 Jan 28, 2022
0 Sep 13, 2021
6.6k Jan 04, 2023
336 Dec 28, 2022