Skip to content

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.

Notifications You must be signed in to change notification settings

Maddy-O/Instacart_MVC

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

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •