Applications required:
- Docker
- NPM
- Git
- Terminal
- Google Chrome
Note: This step is only required for Google Map features in the Journey Planner
Create a Google Cloud API Key with following APIs enabled
Ensure that the following APIs are enabled
![]()
Clone this git repository
Make sure that the branch is pointed at 'main'
Open Terminal
Change the directory (cd) to the top level of this repository (i.e in this level you should see the init_folders.sh)
run: bash init_folders.sh
When the terminal returns go to the next step
change directory into xample/client/webapp (you should be able to successfully run: cd xample/client/webapp)
Note: This step is only required for Google Map features in the Journey Planner
In the .env file, set REACT_APP_GOOGLE_MAP_API_KEY=<YOUR_API_KEY>
run: npm install
(this will take a short while)
when the terminal returns
run: npm run build
(this will take a short while)
when the terminal returns
run: npm run start
(this will take a short while as well)
From a new terminal
run: docker-compose up --build
(This will take a while) Wait a moment before proceeding to the next step
On Chrome, direct to http://localhost:3000
You need to view this in mobile mode
(Follow this to open in mobile mode: https://www.browserstack.com/guide/view-mobile-version-of-website-on-chrome)
Change the view to "iPhone X"
run: docker-compose down
run: docker-compose up