Work in Progress

Demo

Wall of clocks for different planets of solar system. As if the abstractions of day, hour, minute and second were the same as at the Earth(day equals rotation of the planet around its own axis). Fun side project.

This project was bootstrapped with Create React App.

Fast start

Localy

• npm install - install requirements
• npm start -  launch in developement mode
• npm test - run tests
• npm build - build project

Using docker

• docker-compose build - builds image
• docker-compose up - launches dev-server
• npm run dtest - runs jest inside docker via docker-compose run planet-clock npm test
• npm run dcleanup - cleans all docker stuff (containers, images, volumes) via docker-compose down -v --rmi all

CI/CD with Docker

1) docker-compose build - build image for CI 2) docker-compose up --no-start - run container without doing npm start 3) docker-compose run planet-clock npm run build - run npm run build in CI environment 4) docker-compose run planet-clock npm run test:ci - test builded static project 5) Serve builded static project via Heroku 6) docker-compose down --rmi all -v - clean up docker stuff after building dist

styled-components

• https://www.styled-components.com/docs/
• https://github.com/styled-components/jest-styled-components

pretty-quick

• https://github.com/azz/pretty-quick

style guides

• https://github.com/piotrwitek/react-redux-typescript-guide
• https://github.com/airbnb/javascript/tree/master/css-in-javascript

VSC plugins

• PeterJausovec.vscode-docker
• infeng.vscode-react-typescript
• eg2.tslint
• esbenp.prettier-vscode
• jpoissonnier.vscode-styled-components