barryli.ca

Barryli.ca

This is my personal website.

My travels around the world are visualized on this website.

Core packages used for visualization are: Nivo, and react-globe.gl.

The travel data are processed everyday using AWS Fargate and updated to a DynamoDB table.

Which can be then fetched by this website via API Gateway.

The backend code can be viewed here: travel.

Setup

Setup the following environment variables.

export REACT_APP_TRAVELLOG_API_KEY=

This is used for accessing the api to fetch travel data. This key is not used for authentication or security purposes.

Local Development

Install Node.js and required packages.

npm install

To start local development server run:

npm run

Remote Development

ssh into the remote development machine, and follow the same steps as local development.

Then setup local port forwarding:

Host: user@remote-machine-address
Port From: 3000
Destination: localhost
Port To: 3000
Bind Address: 0.0.0.0

Access the development site at localhost:3000 on your local machine.

Deployment

This project is using GitHub Actions to build and deploy as a static website to AWS.

The infrastructure for this website can be viewed here: Infra: Static Site.

License

See LICENSE for more information.