Shoppingzone

An e-commerce application to search, view,filter and add products to cart for purchase

Features

Login Search Search Results Filtering Add to cart

UI Protoypes

Tech stack

HTML5, CSS3, Javascript,React and Redux.

Packages used

react, redux, redux-thunk, react-router-dom, axios, react-redux

Project Structure

Component list and details

Redux Store design

{
    products:[],
    filteredProducts:[],
    user:{user:{}},
    inCart:[]
}

Miscellaneous

#The site is responsive until 1024px(tablet view port size) #No CSS libraries was used for styling #Basic error handling for API’s has been done #Basic form validation for login form is in place.

Concepts covered

Class and functional components, event handling, component compositions, conditional rendering, redux, reducers,actions, routing, error handling and modularity.

Live preview of the project

https://shoppingzone.herokuapp.com/