Blinkit (formerly Grofers) is an Indian instant delivery service. Customers of the company use a mobile application to order groceries and essentials online.

Cloning Blinkit was our project for Unit-3 Construct week at Masai School. Our main objective was to complete all main functionality of this e-commerce website , such as sing up to till to the buying of a product. We have completed this project in 5 days.

• Click here to preview our project.
• Click here to view our Blog.

blinkit.com is leading E-Commerce website for all type of grocery products such as fruits, vegetables, breakfast & dairy products, biscuits, snacks, chocolates and many more.

• HTML 5
• CSS 3
• JavaScript
• GitHub

Client: blinkit.com

• Location Fetching using Geographical Location, lat and lng /custom Location Search.
• Login / Sign Up / Profile and their Pop Ups.
• Product slider for different categories.
• Product page for different categories.
• Detailed product preview page.
• Add to cart option for buying products.
• Payment Page.
• Get the App / About / Career / Partner / Blog.
• Media query for All Size Screen.

Click here to watch our brief project preview in a video format.

• As every journey has some challenges and so was ours. In our team, All the team members we hyperactive and were also to complete there part on time. but due to lots of functionalities all of us used to get confused while going through others code for using there local storage for some other part of project.

• WE faced lots of difficulty while finding the correct API for fetching exact Geographical Location.

• Another problem was to merge all of the files in a proper sequence which was again a difficult task for us because while merging and connecting all the pages some of the pages had the same name, and while running the site it was redirecting to some other pages so it was difficult to find the location and to rename the file.

• As the navbar and footer were common for all the pages so we copied both of them in a single folder and imported them in every code, this was a kind of new method for us and we struggled while doing this step.

• We faced challenges with CSS tags and class also, because when we merged CSS files for any page in which 2-3 members have worked, sometimes tags were colliding because of the same names of tags and classes.

• Live previews
• Fullscreen mode
• Media query for All Devices

MD Arshad Khan, Shubham Pawar, Rohit Kumar Gupta, Gaurav kumar, Ayush Anshu

Click the name to visit their Github Profile

• MD Arshad Khan
• Shubham Pawar
• Rohit Kumar Gupta
• Gaurav kumar
• Ayush Anshu

For support, email - [email protected], [email protected] ,[email protected]

• which Api you use for database

  Web local storage API and Google Map API

• Did you use bootstrap for style

  No