setup docker

[yunchipang]

⚠️ changes config. need to be merge lastly.

🎯 goal: to run 4 apps (redis, django backend and 2 react frontends) altogether to reduce complexity of setting up environments. for the purpose of demonstrating the real-time chat feature, two react frontends run on ports 3000 and 3001 respectively.

directory hierarchy:

.
├── backend-django
├── docker-compose.yml
├── frontend-react
├── README.md

docker-compose.yml

services:
  redis:
    container_name: redis
    image: "redis:alpine"
    ports:
      - "6379:6379"
  django:
    container_name: django
    build: ./backend-django
    command: python manage.py runserver 0.0.0.0:8000
    volumes:
      - ./backend-django:/app
    ports:
      - "8000:8000"
    env_file:
      - ./backend-django/.env
    depends_on:
      - redis
  react1:
    container_name: react1
    build: ./frontend-react
    volumes:
      - ./frontend-react:/app
      - /app/node_modules
    ports:
      - "3000:80"
    depends_on:
      - django
  react2:
    container_name: react2
    build: ./frontend-react
    volumes:
      - ./frontend-react:/app
      - /app/node_modules
    ports:
      - "3001:80"
    depends_on:
      - django

to run the bundled app:

❯ docker-compose up --build