/GroceryMarket

GroceryMarket is an online food and grocery store. You will find everything you are looking for with products and brands in our catalogue. Right from fresh Fruits and Vegetables, Rice and Dals, Spices and Seasonings to Packaged products, Beverages, Personal care products, and Meat – we have it all. It is an Individual project built by me.

Primary LanguageJavaScript

Welcome to the Grocery Mart,

GroceryMarket is an online food and grocery store. You will find everything you are looking for with products and brands in our online store. Right from fresh Fruits and Vegetables, Rice and Dals, Spices and Seasonings to Packaged products, Beverages, Personal care products, and Meat – we have it all. It is an Individual project built by me. to build this project I have used all the tack-stacks that I have learned during my web development aspiring journey.

Functionality

  • Fully responsive layouts.
  • Authentication of users and admin both.
  • Good user experience functionalities.
  • Users can add items to the cart.
  • Users can delete the items which he/she did not want in the cart.
  • Users can increase the number of products.
  • I added admin functionality as well.
  • Users can signup as admin and can create products and can update the product items.
  • User Admin have access to all the data of websites.
  • all functional crud operations maintained by the backend itself.
  • checkpoints added at the backend side to protect data and important information of users.

Home Page:

grocery1

Signup Page:

signuppage

Login Page:

loginPage

Products Page:

grocery4

Cart Page:-

grocery6

Ordered Items:-

grocery11

Single Product Page:-

grocery5

Admin Dashboard:

AdminDashbord

Admin side product Page:

adminsidealladmins

Admin side product edit Page:

updatepageatadminside


Admin side add product Page:

addproductpage

Admin side users page Page:

adminsideusers

Tech Stack & Tools:-

  • React
  • Redux
  • Redux-Thunk
  • React-router-dom
  • CSS
  • Chakra UI
  • Node Package Manager
  • Postman
  • vs-code
  • Github
  • Vercel for deployment
  • Node js
  • Express js
  • MongoDB Database
  • Mongoose
  • Mongodb Atlas ( deployment for server )
  • Cyclic ( deployment for backend )

Individual Project:-



💻 Tech Stack

reactjs redux css3 chakra-ui react-router

Tools

vscode npm github postman