The project is basically a clone of the instacart website. Instacart is an American company that operates a grocery delivery and pick-up service in the United States and Canada. The company offers its services via a website and mobile app.
GET /api/items| Parameter | Type | Description |
|---|---|---|
s |
string |
Required. The first letter of the product |
GET /api/${category}Client: JavaScript,HTML and CSS.
Server: Node,JSON-Server
- The first page is the index.html page where the basic info about instacart can be displayed, including header and footer.
- In the header component of the index.html iteself we are having sign up and login functionalities.
- The second page is the landing page which will be displayed once the user logs in.
- On clicking on any of the category on landing page we route to the products page where products are filtered according to the category selected.
- From the products page itself. Items can be added into the cart as shown in the screenshot.
- On clicking the green coloured cart button on the navbar of the products page we can route to the checkout page where on entering the required details one can place the orer as illustrated in the screenshot.