This project was developed using the following technologies:
Preview the project here
React application with infinite scroll, you can checkout the articles on the infinite scroll and at the "New Post" page create them, when an error occur while creating new posts, a message will be displayed at the screen alerting the user, you can also click on the arrow from each article and checkout the article's full information.
Project developed using the React library to make it a Single Page Application, which guarantees the best performance when running directly in the client's browser, Create React Application tool to configure the environment, TypeScript as the language to guarantee props and state values accordingly as expected from the contract, Axios to fetch data from the API, Styled Components to avoid unnecessary and conflicting component styles, Atomic Design as the design pattern to promote clean maintenance and good coding practices according to ESLint and EditorConfig.
Project Architecture based on Atomic Design.
src
├──assets
│ ├──images
│ └──styles
├──components
│ ├──atom
│ ├──molecule
│ └──organism
├──helpers
│ ├──ensurers
│ └──hooks
├──pages
├──routes
├──screenshots
└──services
Component
├──Component.tsx
├──styles.ts
└──index.ts
Clone this repository.
# Run to install dependencies.
$ yarn
# Run to start the project on `localhost:3000`.
$ yarn start
Clone this repository.
# Run to install dependencies.
$ yarn
# Run to start building the project.
$ yarn build
# Builded project it´s now available at folder `root/build`