Zones

Zones features a simple user interface to add, update and view various time zones across the world.

Note: Zones is a work in progress project. Checkout the current GitHub Project for Zones v1 to track its progress.

Why?

Zones is a simple project aimed at implementing a minimal boilerplate codebase for React. It's use is to demonstrate and build up a real world example of various front-end tooling. Zones will be the starting point (boilerplate) for any further React project I build.

Technical stack

The following tools and libraries are used within Zones.

• React
• Redux
• Webpack
• CSS Modules
• PostCSS
• CSS Next
• Jest

Zones also comes with preferred Babel, eslint, stylelint and editor configurations.

Development

Requirements

• nvm or Node.js 6 or later

Setup

1. Install the version of Node specified in .nvmrc (optional):

$ nvm install && nvm use

2. Install Yarn:

$ npm i -g yarn

3. Install the project's dependencies:

$ yarn

Usage

Start the application in developer mode:

$ yarn start

Run unit tests with Jest:

$ yarn jest

# Watch for changes
$ yarn jest:watch

Lint code with ESLint:

$ yarn lint

License

MIT License