Project Introduction

This project gives us the opprtunity to develop an interactive interface, use interface components, and tie the components to an internal data state. The goal is to get comfortable with React by creating a list-based interface.

App

I created a clothing store that displays shirts, blouses, jackets, and pants. The clothing store has a cart feature that displays that name of the item added to the cart, the quantity, and the total price. Each item can also be removed from the cart. There is a sorting feature that sorts the clothing items based on price, and a filter feature that filters based on the type of item.

Below is the interactice app. To start one needs to choose an option from the filter section otherwise no items will be displayed.

Project Reflection

As the project progressed, I got more comfortable using React. I learned how to use states and how to handle arrays in javascript.