Board At Home

With gadgets in hand, the trend of spending quality time with family, cousins and friends has been fading away. To get back this phase and to simulate your brain into decision making, strategic thinking, planning and problem solving, we bring to you Board At Home, an e-commerce store which sells board games and helps to bring out the child in you

How to install and run locally ?

$ git clone https://github.com/muskaanshah/reactecomm.git
$ npm install
$ npm start

Features -

• Home page
• Product listing page
• Filter and sort products
• Search product
• Individual product page
• Cart Managment
• Wishlist managment
• Checkout page
• Payment gateway integration
• Order summary page after payment is succesful
• Authentication:
  • User Signup
  • User Login
  • User Logout
• Fully Responsive

Built with -

• React JS
• React Context API + useReducer
• React Router v6
• Vanilla CSS integrated with Rhythm UI

Demo video -

Board_At_Home_and_25_more_pages_-_Personal_-_Microsoft__Edge_2022-04-07_01-51-22_AdobeCreativeCloudExpress.1.mp4

My learnings -

1. Working with React hooks - useState, useEffect, useREducer, useContext and custom hooks
2. Using React Router (basic routing, navigate, location, query params)
3. JWT authentication
4. Building a fully functional web app

Notes for reviewer-

1. Have to use api for cart and wishlist
2. Have to add address management
3. Multiple same products can be added to the cart via the products page, that is the functionality, the count of items increase in the cart

Resources -

• Google Icons
• Google Fonts
• Rhythm UI
• Razorpay Payment Integration

Author -

• Github
• Twitter
• LinkedIn