Skip to content

Repository files navigation

Insta Cart Clone (Construct Week 4 Project)

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.

API Reference

Food API used in debouncing.

  GET /api/items
Parameter Type Description
s string Required. The first letter of the product

Get item

  GET /api/${category}

Tech Stack

Client: JavaScript,HTML and CSS.

Server: Node,MongoDB,Express

Authors

Screenshots

image

Screenshot (192)

Screenshot (193)

image

image

image

image

image

image

image

image

image

Walkthrough

  • The first page is the landing page of the project where basic information about the website and login/register functionalities can be accessed.
  • Then we come down to login and register where if the user successfully completes the registration process,is directed to the login page.
  • After login the user is redirected to the products page where different catefories of products can be found.
  • On clicking on any of the category on the products page we route to the add to cart page where products are filtered according to the category selected.
  • In the add to cart page, user can also filter according to the subcategory. For every category we have sub-categories i.e. there's a one-to-many relationship between category and subcategory.
  • On clicking the green coloured cart button on the navbar we can have a look at what all items are there in the cart and also remove them.
  • Once the user is sure about the products in the cart they can click the Go to checkout button, where they will be routed to the checkout page.
  • After entering the required details. The order will be placed.

About

A collaborative project made by a team of 4 executed in 5 days. The tech stack used is HTML,CSS,JavaScript and Node.js. The front end app is deployed on netlify whereas the backend is deployed on heroku.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages