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.