imvanzen / awesome-blog

🚀 There's not better place to read awesome content

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

• ReactJs
• Redux
• Webpack
• CSS Modules
• ES6+

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/