Design Patterns in React (CSCI E-39)

Accounts and Tools

1. Github account
2. NPM / Node (v10.*)

Installation

1. Open Terminal / git-bash and run
   1. mkdir -p ~/Projects && cd ~/Projects
   2. git clone git@github.com:your_github_username_here/csci-e39.git && cd csci-e39, replacing "your_github_username_here" with your Github username
   3. echo your-id-goes-here > .id, replacing "your-id-goes-here" with your student ID
   4. npm install
   5. npm run build && npm run db

Repo documentation

See the Docs directory.

Automated tasks

To see all tasks, see the package.json file, under "scripts".

Application

1. npm start starts the app and connects to a local environment
2. npm run start:prod starts the app and connects to the live environment

Development

1. npm run clean resets the directory to a fresh installation

2. Open the src/ui/app.js file and update the path to the correct assignment module

   For example, to enable Project 1, change import Module from '../assignments/module-0' to import Module from '../assignments/project-1'

DevOps

1. npm run migration -- [migration name] creates a new database migration file
2. npm run db.migrate updates the local database schema
3. npm run web:publish publishes the current container to Dockerhub
4. npm run web:deploy deploys the current container to Heroku
5. npm run web:migrate updates the live Heroku database schema