A simple integration between a Django API and a React App as a result of my article: Creating an app with React and Django.
This project consists of two internal projects:
- students: the Django project containing the REST API along with all the backend code;
- students-fe: the React project with all the Node dependencies, settings and things related to the frontend.
In order to run the projects locally you need to have Node, npm and python3
installed on your machine.
First, create a Python virtual environment to isolate the projects:
python3 -m venv logrocket_env
Then, activate it:
source logrocket_env/bin/activate
cd
into the venv and clone the project from GitHub:
git clone https://github.com/diogosouza/django-react-logrocket.git
Add the Django dependencies:
pip install django djangorestframework django-cors-headers
Finally, cd
into the django-react-logrocket folder and run the project:
python manage.py runserver
That's it!
Access the address http://localhost:8000/api/students/ and check if the API is up.
First, cd
the students-fe directory and run:
npm install
npm start