Market Square an E-Commerce Web App

This was my first REACT project and the journey of building it was awesome, I get to know the overall working of an E-Commerce app and the project was very fun to build, Looking forward to building more amazing projects.

Table of contents

• Overview
  • The challenge
  • Links
  • Built with
  • What I learned
  • Useful resources

Overview

The challenge

Users should be able to:

• Login/Logout
• Add any product to cart or in wishlist.
• Remove any product from cart or from wishlist.
• user will be able to checkout with desired products.
• Will only be able to see Profile page, Wishlist, Cart only if he/she has logged in.
• Filter products by category.
• Click on a product to see overview.
• Add/Edit delivery Address.
• View his/her profile.
• Change password.
• Add recovery Email and Password.

Links

• Solution URL: Github link
• Live Site URL: hosted here

Built with

• React.js
• Tailwind CSS
• JavaScript
• Styled Components - For Styles
• logo and other Images - For Icons

What I learned?

• JS concepts
• Overall React application
• I get to know the overall working of an E-Commerce app

Useful resources

• Resource 1 - This helped me for choosing icons. I really liked this pattern and will use it going forward.
• Resource 2 - This is an amazing website which helped me select whatever the font i've needed.
• Resource 3 - This is an amazing website which helped me in getting images and logos.