Simona's NetConstruct React Developer Assessment

Overview

The purpose of this assessment is to demonstrate:

1. An understanding of React syntax
2. Working with an API
3. Storing and manipulating React state
4. Structuring an application with multiple components
5. HTML and CSS ability
6. Responsive web development ability

Used third party libraries:

• Material UI

Requirements

Completed minimum requirements:

1. Retrieved the data from the mock API.
2. Displayed the data in a list, including properties from the data that are appropriate for a list view.
3. Implemented a multi-select category filter - I made the assumption that filtering by multiple categories should display posts with one or more of those categories.
4. Implemented pagination as a "load more" feature.
5. Used semantic markup where possible.
6. Created a responsive layout with HTML and CSS.

Completed bonus requirements:

1. Added animated transitions when more posts are loaded, or when the posts initially load.
2. Converted the application to use TypeScript instead of JavaScript.