https://github.com/gulashanhashami/gulashan-fw13_394

This is a commercial projects. I used MERN stack to build this project. And this is a fully responsive for all screen size.
https://github.com/gulashanhashami/gulashan-fw13_394

css3 react-hooks react-redux react-router-dom reactjs redux styled-components

Last synced: about 2 months ago
JSON representation

This is a commercial projects. I used MERN stack to build this project. And this is a fully responsive for all screen size.

• Host: GitHub
• URL: https://github.com/gulashanhashami/gulashan-fw13_394
• Owner: gulashanhashami
• Created: 2022-05-10T13:54:41.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T06:47:25.000Z (about 2 years ago)
• Last Synced: 2023-03-04T00:43:38.494Z (almost 2 years ago)
• Topics: css3, react-hooks, react-redux, react-router-dom, reactjs, redux, styled-components
• Language: JavaScript
• Homepage: https://online-shopping-proj.vercel.app/
• Size: 5.19 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# E-commerce website

---

## This is an E-commerce projects. I used MERN stack to build this project. And this is a fully responsive for all screen size.

Backend repo link of this project : https://github.com/gulashanhashami/projectBackendCode.git

# Prerequisities

- React.js

- HTML

- JavaScipt

- CSS 

- Styled-components

- Redux

# Run Locally

- To run this project locally follow following steps below

- Create folder in your local system

Clone this Project

`git pull https://github.com/gulashanhashami/gulashan-fw13_394.git`

- Now the project is ready just go and visit home page

Live demo : https://online-shopping-proj.vercel.app/

# Screenshots

> HOME PAGE

![homepage](./Images/image1.png)

> SIGN-UP PAGE

![signuppage](./Images/image2.png)

> LOGIN PAGE

![loginpage](./Images/image3.png)

> PRODUCT PAGE

![productpage](./Images/image4.png)

> PRODUCT DETAILS PAGE

![productdetailspage](./Images/image5.png)

> CART PAGE

![cartpage](./Images/image6.png)

> ADDRESS PAGE

![addresspage](./Images/image7.png)

> PAYMENT PAGE

![paymentpage](./Images/image8.png)

# What did I Learn

- By end of this project, I am able to learn how effective work can be done when ideas are trajected in multiple spectrums.

- Effective learning involves how I was able to debug before we present our project.