/big-basket-clone

Clone of Bigbasket.com. That sells variety of fresh food and dairy products.

Primary LanguageJavaScript

APNA BASKET



About Project:

BigBasket is India's biggest e-grocer. It offers tens of thousands of different products, including fruits and vegetables, meats, spices, toiletries, baby products and pet food.

Tech Stacks:

  1. HTML
  2. CSS
  3. JavaScript
  4. ReactJS
  5. ReduxJS
  6. ChakraUI
  7. JSON Server


Contributors:

  1. Deepak Kumar (Admin Panel, Address Page, Checkout Page)
  2. Anubhav Dixit (Navbar, Search Page, Products Page, Single Product Page, Cart Page,Login Page, Sign Up Page)
  3. Dibyendu (Home Page)

Frontend:

https://apnabasket-anubhav0391.vercel.app/

Backend :

https://big-basket-api.onrender.com



Folder Structure

src
├── >Components
│ └── adminComponents (All admin components here)
| └── AdminAddData.jsx ("/adddata)
| └── AdminCard.jsx ("/adddata)
| └── AdminDataList.jsx ("/datalist)
| └── AdminEditProduct.jsx ("/adddata)
| └── AdminNavbar.jsx ("/navbar)
| └── AdminSidebar.jsx ("/adddata)
| └── AdminStats.jsx ("/adddata)
│ └── ProductCard.jsx
│ └── ProductList.jsx
│ └── MainRoutes.jsx
│ └── SideBar.jsx
├── >Pages
│ └── Admin.jsx (Route:- "/admin")
│ └── CartPage.jsx (Route:- "/cart")
│ └── FruitandVeg.jsx (Route:- "/products")
│ └── HomePage.jsx (Route:- "/")
│ └── Login.jsx (Route:- "/login")
| └── Search.jsx (Route:- "/search")
│ └── SignUp.jsx (Route:- "/signup")
│ └── SingleProductPage.jsx (Private Route:- "/product/:id")
└── >Redux
│ └── >AdminReducer
│ │ └── action.js
│ │ └── actionTypes.js
│ │ └── reducer.js
│ └── >AuthReducer
│ │ └── action.js
│ │ └── actionTypes.js
│ │ └── reducer.js
| └── >ProductReducer
│ │ └── action.js
│ │ └── actionTypes.js
│ │ └── reducer.js
│ └── store.js
└── App.js



Feautres:



Home Page



Product Page


Admin Panel


Login Page