https://github.com/wsvincent/django-rest-framework-react-tutorial
Source code for Django Rest Framework + React tutorial.
https://github.com/wsvincent/django-rest-framework-react-tutorial
django django-rest-framework react tutorial
Last synced: 4 months ago
JSON representation
Source code for Django Rest Framework + React tutorial.
- Host: GitHub
- URL: https://github.com/wsvincent/django-rest-framework-react-tutorial
- Owner: wsvincent
- Created: 2018-01-16T14:40:12.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2019-03-09T20:25:55.000Z (almost 7 years ago)
- Last Synced: 2025-04-14T21:11:15.506Z (9 months ago)
- Topics: django, django-rest-framework, react, tutorial
- Language: Python
- Homepage: https://wsvincent.com/django-rest-framework-react-tutorial/
- Size: 191 KB
- Stars: 71
- Watchers: 4
- Forks: 25
- Open Issues: 2
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
This is the complete source code from the [Django Rest Framework & React Tutorial](https://wsvincent.com/django-rest-framework-react-tutorial/).
# Local Setup
Python 3 and [Pipenv](https://docs.pipenv.org/) need to already be installed. If you need more complete local dev instructions, [see here](https://djangoforbeginners.com/initial-setup/).
Clone the repo to your computer. For example, to place it on your `Desktop`.
```
$ cd ~/Desktop
$ git clone https://github.com/wsvincent/django-rest-framework-react-tutorial.git
$ cd django-rest-framework-react-tutorial
```
## Backend
Install the `Pipenv` packages and start a new shell. Then `cd` into the `backend` directory and run the local server.
```
$ cd backend
$ pipenv install
$ pipenv shell
(backend) $ ./manage.py runserver
```
You can see the API now at [http://127.0.0.1:8000/api](http://127.0.0.1:8000/api).
## Frontend
Open up a new command line console so there are now **two** open. Navigate to the `frontend` directory.
```
$ cd ~/Desktop
$ cd django-rest-framework-react-tutorial
$ cd frontend
```
Make sure React is already installed globally. If not `$ npm install -g create-react-app`.
Then install necessary packages and start the React server:
```
$ npm install
$ npm start
```
Navigate to [http://localhost:3000/](http://localhost:3000/) to see a list of our DRF backend content outputted using React.