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
2.4k Dec 29, 2022
8 May 27, 2022
1.8k Jan 4, 2023
35 Dec 23, 2022
13 Sep 24, 2022
19 Aug 30, 2022
1k Dec 27, 2022
1 Mar 31, 2022
1 May 3, 2022
1 Jan 25, 2022
1.1k Dec 28, 2022
873 Dec 30, 2022
2.2k Jan 1, 2023
3.3k Jan 4, 2023
3k Jan 6, 2023
20 Jul 14, 2022
133 Jan 5, 2023
1.3k Dec 28, 2022
332 Dec 17, 2022