SDUBEY23 / shopping-page

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Shopping Page

An application which displays user a list of products. The user can search the products based on the Name, Brand or type of product. It also allows users to filter the product based on Gender, Brander and Category of the product.

How to run

You will need to have Node 10.16.0 or later on your local development machine. You can use nvm (macOS/Linux) or nvm-windows to switch Node versions between different projects. Clone this repository in your Local machine or download the Zip file and then execute the below mentioned steps.

First install all dependencies

npm

cd shopping-page && npm install

To start the local server

npm

 npm start

Open app in browser

Once the app is compiled and bundled successfully you should see the screen in your browser. This would be your final view of the project.

Specification

1. An application which displays user a list of products.

2. The user can search the products based on the Name, Brand or type of product.

3. It also allows users to filter the product based on Gender, Brander and Category of the product.

Implementation

The app is implemented using ReactJS. The application also uses React Hooks for state management. The app is not mobile or tablet screen size responsive. It is built to be viewed on laptop/desktop screen.

Limitations

The user can filter products using one filter at a time. Next step would be to allow user to filter products using multiple filters at a time.

About


Languages

Language:JavaScript 64.3%Language:CSS 25.3%Language:HTML 10.4%