E-commerce Application using React | Application Architecture

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 Prototypes

Tech stack HTML5, CSS3, Javascript,React and Redux.

Packages used

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

Directory structure

Component List

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
• Error handling for API’s have 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.