/onlineShop

Ecommerce website with React.js, Redux and REST API

Primary LanguageJavaScript

About Project

Project Name: sam's accurium (Online Shopping Cart)

Technology:

Frontend:

  • HTML
  • CSS
  • React.js
  • Redux
  • Redux-thunk
  • React-bootstrap

Backend:

  • REST API
  • JWT
  • Middleware
  • MongoDB


Features Admin:

  • Admin Panel
  • Admin Login
  • Admin Profile
  • Add New Admin
  • Order Management
  • User Management
  • Add Products
  • Update Products
  • Logout


User Interface

  • Home Page
  • Product Details & Review Products
  • User Login & Signup
  • Update User Profile
  • Add Shipping Address
  • Cart
  • Payment Method
  • Order History
  • Contact
  • Logout


Project Login Information
User: Email: sahed@gmail.com Password: 123456
Admin: Email: admin@gmail.com Password: 123456

Project Screenshots:

Homepage: User can find their products from homepage

homepage.png

Product Details and Review: After click on a product, users can see the product details and review. After signin, user can write review for a product

product-details-and-review-products.png

SignIn page: User and Admin can singin though this page.

real-singin.png

Signup Page: User can create profile from this page.

signin.png

My Cart: User can add their products in their cart. User can’t purchase products without login.


cart.png

Shipping Address: User has to fill the shipping Address form to get the products.

shipping-page.png

Place Order: After select the payment method, user get the place order page and able to pay via online payment system.

order-details.png

Update Profile and Order History: User and Admin can update their profile information and see order history from this page.

update-profile.png

Admin User Management: Admin can manage user information.

update-user-information.png

Admin Order Management: Admin can manage orders and update delivery status.

update-order-managment.png

Admin Add New Admin: Admin can add new admin from users profile.

update-add-admin.png

Admin Add Product: Admin can add new products and update product information.

update-add-product.png

Key learning: Redux, Redux-thunk, Middleware, JWT, MongoDB

Purpose: learning purpose.

Uniqness: Frontend Design & content.