Mock Clothing Store
I saw a website design for a fitness clothing brand and decided to make the complete front end of the website with react. This helped me get more comfortable with react and redux.
See The CodeReactReduxSass
Home Page
The above photo is the original design for the home page. The photos below are from the website I created myself. I tried to make it pretty much the same but sadly I did not have access to the photos or the font. Click the link below to go and interact with my site.
Find It HereSearch By Category
This page allows you to either look through all of the gym wear or to filter through the gym wear by type and/or color. I am happy with how it turned out. It works pretty well and it looks good in my opinion.
Find It HereSearch Bar
If you click the cute little magnifying glass icon then you will open up the search bar. Here you can search up any of the products by name. Click the link below and try it yourself to see the cool little slide in animation.
Product Page
This page is made to display all the information about the product and allow you to add the product to your cart. If you mouse over the photo then you can zoom in. Also you can adjust the quantity and size before adding the product to your cart.
Shopping Cart
This page displays all the items added to your shopping cart and adds up the price to show you your total. You can also click the red X to remove an item from your cart.