π€
Awesome Blog There's no better place to read awesome content
About project
In the home page application lists articles with a link to the full version. The article contains a full description and a list of comments. Moreover, the user has an option to add a comment and also save the article to the favorites.
Project progress
All actions are documented on Trello board in the name of the Kanban!
Project documentation
!!To be determined!!
Additional objectives
- JS good practices
- Tests (Jest)
- Styling libraries prohibited (Material, Bootstrap)
- Bootstraps prohibitet (create-react-app)
Development
Web appliaction based on following libraries
Requirements
- nodejs >= v12.14.1
- yarn >= v1.21.1
Commands
$ yarn start
Run dev server$ yarn test
Run tests$ yarn test:watch
Run interactive tests$ yarn test:coverage
Run tests with--coverage
and--colors
flag set$ yarn lint
Run code linter
API
Application uses this API of choice https://jsonplaceholder.typicode.com/
Library
- https://www.digite.com/kanban/what-is-kanban/
- https://www.freecodecamp.org/news/make-your-code-cleaner-shorter-and-easier-to-read-es6-tips-and-tricks-afd4ce25977c/
- https://www.vikingcodeschool.com/falling-in-love-with-javascript/introduction-to-es6-tips-and-best-practices
- https://css-tricks.com/css-modules-part-1-need/
- https://flaviocopes.com/es6/
- https://dev.to/godcrampy/es6-for-loops-best-practices-4c86
- https://nodejs.org/de/blog/uncategorized/10-lts-to-12-lts/
- https://medium.com/@eferhatg/create-react-app-continuous-integration-config-with-circleci-and-aws-2b0238cde169
- https://www.robinwieruch.de/react-eslint-webpack-babel
- https://hackernoon.com/structuring-projects-and-naming-components-in-react-1261b6e18d76
- https://blog.pusher.com/css-modules-react/