nfriend/earthquake-zen-garden

A simple app that shows a homepage with a list of earthquakes.

Earthquake Zen Garden

A simple app that shows a homepage with a list of earthquakes.

Technologies used

• React
• TypeScript
• Tailwind
• Webpack
• Babel
• Jest
• ESLint
• Prettier
• Renovate Bot
• GitLab CI/CD
• GitLab Pages

Developing

• Clone this repo
• Inside the root directory, run npm install
• Start the dev server using npm run start

Available npm commands

• npm run start: Starts the Webpack dev server
• npm run lint: Runs static style checking using ESLint
• npm run build:production: Builds a production version of the application
• npm run test: Runs Jest tests
  • npm run test -- --watch: Jest watch mode

Deployment

The GitLab pipeline auto-deploys the app to https://earthquake-zen-garden.nathanfriend.io using GitLab Pages.

Next steps

Some things I'd implement next:

• Visual indicators for active sort column/direction on the list view
• i18n (probably using react-i18next)
• SSR
• Integration tests