BigBasket clone using pure HTML, CSS & JS

Hi there, we have experienced our first team project in Masai School on the BigBasket website clone. This is the first time that we have experienced something like this.


Used Tech: HTML, CSS, JavaScript, Local Storage, DOM & Media Queries. P.S → We haven’t used any external libraries & plugins.

Team: Vattsal, Prathamesh, Pranjal, Samruddhi, Somi, Darshan


  1. We need to achieve a good user experience in terms of design and flow.
  2. Users can easily navigate themselves to the primary step which we are willing them to do. It should not be confusing.
  3. Smooth transitions between journey and cart should be more clear with the cost and savings.


  1. As we all are working together(6 mates ) for the first time, we did not know how to divide tasks among us, how to handle bugs, and other things.
  2. We all are new to each other, we tried to fill the gap of communication and vibe among us. Talked a lot of random things about each other for getting trust and betterment.
  3. How would we complete the project before time? How to help each other while working on our own stuff?
  4. GitHub push & pull, branch, collaboration, conflicts, and etc uff…

#Things that we have learned

1. First and foremost you should fix the design approach which should be followed by all. Which is called design continuity.

2. How to connect all the files and merge them without any flaws. In addition to this how-to find bugs and remove them.

3. Well when you wrote the code it’s easy to find bugs and add something to it but.. but… when it didn’t then it’s the time when you feel frustrated. Eventually, we did that with flying colors.


We think we have achieved the goals that we have decided to. When you go through it you will easily find the product that you want, you can add it to the cart, find the totals of Savings and the Payment. Our primary goal was to give the best and easy checkout experience. That we have achieved. Still, there are many things that we could do better if we would have time but in a shorter time span, this is the output that we coded.




MERN Stack Developer & Tech Enthusiast.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Agent Framework 0.8.0 Released

Multi Hybrid Cloud

Accounts library in Corda

PowerApps >> Create a Task Management App in 10 Minutes

Embedding Quick Tip — Using an iFrame to embed Oracle Analytics in Oracle Visual Builder Cloud…

Why I Believe Flutter Is the Future of Cross-platform App Development

Essential HTML Part One

How a non-engineer used Webhooks and APIs to make something awesome

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Vattsal Bhatt

Vattsal Bhatt

MERN Stack Developer & Tech Enthusiast.

More from Medium

Beginner Clojure web app Part 2

Coursera-clone with Backend

Home page

Cloning Indiamart Website…

Clone of using pure HTML, CSS & Advanced JS