/react-django-test

Test repo to implement a React/Django app on Heroku

Primary LanguageJavaScript

Django React

react-django-test

Deployment test for a React/Django Webapp

This project was bootstrapped with Create React App.

Table of contents

Setting up the project

Start by cloning the project with the command:

$ git clone https://github.com/rmiyazaki6499/react-django-test.git

Setting up the project with Docker

For those that are not interested in setting up the project manually or would simply not have to worry about downloading node.js and its dependencies, I have created a Dockerfile and docker-compose.yml file to help create a container with everything you would need to run the react-django-test.

Install Docker

To make this as easy as possible, we will be using Docker Compose to creat our container.

$ docker-compose --version
docker-compose version 1.26.2, build eefe0d31
  • Go into the project directory to build and run the container with:
$ cd react-django-test/
$ docker-compose up -d --build

This may take a few moments

Navigate to http://localhost:8000 to view the site on the local server. It should look something like this:

React Page

Cleaning up the Container and Image

  • To stop the container from running, use <Ctrl-C> twice.
  • To close down the container use the command:
$ docker-compose down
  • Then to clean up the container and image which we are no longer using use the command:
$ docker system prune -fa
  • Confirm that the container and image is no longer there with:
$ docker system df -v

Contact

Ryuichi Miyazaki