Monster Movie Review Website
Note - Commands were run using powershell for Windows and Bash for Mac OSX
-
Nodejs and npm
- Install latest versions of Nodejs and npm:
- Nodejs: download Windows installer here: Node
- npm: (bundled with Nodejs)
- Install latest versions of Nodejs and npm:
-
Install Angular CLI globally on your machine
- Install Angular CLI version: "1.0.5" or greater
- run cmd:
npm install -g @angular/cli
- run cmd:
- Install Angular CLI version: "1.0.5" or greater
-
Install the Firebase CLI globally on your machine
- run cmd:
npm install -g firebase-tools
- run cmd:
-
Install project packages
- Clone this Repo
- run cmd:
git clone https://github.com/kbeelman/TokuCinema.git
- run cmd:
- "cd" into the nested "TokuCinema" folder (The root of the repo is also named TokuCinema) and run the following commands:
- run cmd:
npm install
- run cmd:
- Clone this Repo
-
Start Application and Typescript Transpilation
- cd into the inner "TokuCinema" folder
- run cmd:
ng serve
- to run the application using the production database run cmd
ng serve --env=prod
- run cmd:
You should now be able to hit the site at "localhost:4200"
- cd into the inner "TokuCinema" folder
- Create a launch.json config file
-
If there isn't already a launch.json file in the root of the repo in a folder named ".vscode," create one by opening the debug tab in the editor and clicking the gear (settings) icon.
-
Replace the configurations in that file with the following:
-
{
"version": "0.2.0",
"configurations": [
{
"name": "Launch",
"type": "chrome",
"request": "launch",
"url": "http://localhost:4200",
"port": 9223,
"sourceMaps": true,
"diagnosticLogging": true,
"webRoot": "${workspaceRoot}/TokuCinema"
// Mac
//"userDataDir": "/Users/joseph.bayes/dummyChrome"
// Windows - just leave "userDataDir" blank
}
]
}
-
Build & Deploy the project
- Run the below script to build the project:
- run cmd:
npm run build-dev
- run cmd:
- Run the below script to deploy the project:
- run cmd:
npm run deploy-dev
- run cmd:
- Alternatively, you can build and deploy with one command:
- run cmd:
npm run build-deploy-dev
- run cmd:
- Dev location: TokuCinema Dev
- Run the below script to build the project:
-
Commit/Push the changes
-
Merge master with development
- Checkout master branch
- run cmd:
git checkout master
- run cmd:
git merge development
- run cmd:
- Checkout master branch
-
Build & Deploy the project
- Run the below script to build the project:
- run cmd:
npm run build
- run cmd:
- Run the below script to deploy the project:
- run cmd:
npm run deploy
- run cmd:
- Alternatively, you can build and deploy with one command:
- run cmd:
npm run build-deploy
- run cmd:
- Prod location: TokuCinema Prod
- Run the below script to build the project:
-
Commit/Push the changes