janusjerom / ecommerce-web-app

A small ecommerce-web-app which demonstrates how to fetch data from JSON to client side ReactJs.

E-Commerce Web Application

Problem statement 

Make an e-commerce web application front end on React. Refer to e-commerce applications like Amazon, Flipkart or Bigbasket and make a similar application with almost the same design standards.

Requirements

1. Display list of products on sale based on data available in JSON format (Example JSON data is provided below and can be statically initialized in the code). 
2. The list shall display all products by default. However, users can filter the listing based on the category and the product list shall change accordingly. (Refer to the json data below)
3. Provide an in-stock or out-of-stock tag to the product based on whether availability = 0 or 1 (Refer to the json data below)
4. Allow the user to select a product from the above listing and enter the quantity, add the quantity input to the JSON.
5. Display the JSON data on a dialog when a user submits by clicking a purchase button
6. Provide a better-looking UI for the above listing by using images(pick images from the internet) for the products. Improvise the look and feel of UI as you find appropriate.