Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/aaronvanston/zones
At a glance view timezones across the world | Simple boilerplate for React
https://github.com/aaronvanston/zones
boilerplate cssmodules cssnext jest postcss react redux timezone webpack
Last synced: about 1 month ago
JSON representation
At a glance view timezones across the world | Simple boilerplate for React
- Host: GitHub
- URL: https://github.com/aaronvanston/zones
- Owner: aaronvanston
- Created: 2017-07-17T11:29:14.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-12-04T04:41:09.000Z (almost 7 years ago)
- Last Synced: 2024-10-01T03:07:11.439Z (about 2 months ago)
- Topics: boilerplate, cssmodules, cssnext, jest, postcss, react, redux, timezone, webpack
- Language: JavaScript
- Homepage:
- Size: 109 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://github.com/aaronvanston/zones/projects/1) 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](https://github.com/creationix/nvm) or [Node.js](https://nodejs.org/en/) 6 or later
### Setup
1. Install the version of Node specified in `.nvmrc` (optional):
```shell
$ nvm install && nvm use
```
2. Install [Yarn](https://yarnpkg.com/en/):
```shell
$ npm i -g yarn
```
3. Install the project's dependencies:
```shell
$ yarn
```
### Usage
Start the application in developer mode:
```shell
$ yarn start
```
Run unit tests with [Jest](https://facebook.github.io/jest/):
```shell
$ yarn jest
# Watch for changes
$ yarn jest:watch
```
Lint code with [ESLint](http://eslint.org/):
```shell
$ yarn lint
```
## License
[MIT License](.github/LICENSE.md)