E-commerce Grocery online delivery Project
Description
Grocery ecommerce is a online platform from where anyone can buy products related to grocery items. Users can see all the display products in a product category. Users can see on the basis of number of rating, product categories or search product related to any items Users can click on any product to get more information including pricing, number of reviews and rating. Users can select items and add them to their shopping cart. From shopping cart, they further move to check out payment or remove product from shopping cart. Admin create products, update and delete.Admin see the number of users, number of orders and number of reviews etc.
Features
Admin features:
- Login and register
- forget password and reset
- Update profile
- create product, update, delete
- create category
- see number of rating through product id
- see number of orders,users
- see total number of product available in stock
- make any user from user to admin to access admin dashboard
- update order status such as processing, shipped, delivered
Users features:
- Login and register
- forget password and reset
- Update profile
- see number of rating
- see number of orders
- see order status
- see total number of product available in stock
- gives the feedback of the product
Brief Process Flow
This is very simple in use first go on this URL.If you want to buy any product, then you need to register. After registering, you go on product page and see the number of products available. In case if product is not showing, then you search product or apply filter for category. After choosing product, see the number of rating, reviews and add to cart. From cart, If you want to cancel,then remove product from cart. Otherwise proceed to payment check out and fill address and proceed next for payment. There are many popup button available in user profile such as order, cart, logout, profile etc. User can update profile by clicking profile button, see the order status by clicking order button, check product available in cart.
Technologies, Libraries and Components Used
Technologies and Libraries used:
- Html
- Css
- JavaScript
- React js
- Node js
- Express js
- Mongodb
- Material-ui/icons
- Axios
- Overlay-navbar
- React-router-dom
- Redux
- React-js-pagination
- Bcriptjs
- Cloudinary
Components Used:
- Header
- Home
- Footer
- ProductCart
- About
- Contact
- Loader
- NotFound
- Dashboard
- ProductList
- NewProduct
- OrderStatus
- Sidebar
- ProcessStatus
- UpdateUser
- UserList
- ProductReview
- Cart
- CartItem