Skip to content
forked from gauravkrs/Blinkit

This project is about cloning of an E-commerce website -Blinkit. and adding main functionality, By which user can interact with it.

Notifications You must be signed in to change notification settings

rg15697/blinkit

 
 

Repository files navigation

blinkit Clone

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.

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.

🛠 Skills

  • HTML 5
  • CSS 3
  • JavaScript
  • GitHub

Client: blinkit.com

Features

  • 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.

Brief Video Demo

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

Screenshots

Landing Page

img1

Map Functionality

img1

Profile Part

img1

Cart Part

img1

Product catagory section

img1

Payment Section

img1

Get The App Section

img1

Media query Sample

img1

Challanges

  • 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.

Features

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

🔗 Links

linkedin

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

Authors

Click the name to visit their Github Profile

Support

For support, email - mdarshadkhan1998@gmail.com, shubhampawar242767@gmail.com ,rg15697@gmail.com

FAQ

  • which Api you use for database

    Web local storage API and Google Map API
  • Did you use bootstrap for style

    No

About

This project is about cloning of an E-commerce website -Blinkit. and adding main functionality, By which user can interact with it.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 45.1%
  • JavaScript 43.3%
  • CSS 11.6%