Ebuy

An E-commerce App built with React⚛

Deployed app: https://ebuy-kinshukshah-tech.netlify.app/

Backend source code (Express & Mongoose): https://github.com/kinshukshah/shopify-backend

---

Features:

1. Local storage persistence of auth state
2. Auth: Log in and Sign up
3. Private and public routes: Private routes accessible only on login
4. Search Params: Used for sort and filter.
5. User actions like add/remove from cart, toggle wishlist
6. Increment/decrement quantity in Cart page
7. Total price with quantity shown in the checkout section
8. React: useContext, useReducer, useEffect, useState, custom hooks, functional components

Features in progress/TODOs

1. Add Search box
2. add/edit/delete shipping addresses
3. Connect to Stripe API for payments.
4. Place an order, view previous orders.
5. Product page for each product.
6. Client Side Input Form Validation SignIn/SignUp.
7. Full Page Modal for Products Filter.
8. Fix Netlify Navigation Issue - Done
9. Refactor Code.

---

Tech Stack & Libraries used:

• React.js
• React router
• Axios
• ExpressJS
• NodeJS
• MongoDB

Bootstrapped with create-react-app

---

Get started

1. Clone the repo:

  $ git clone https://github.com/kinshukshah/Ebuy.git

2. Switch to development branch:

  $ cd Ebuy
  $ git checkout development

3. Install required node modules:

  $ npm install

4. Start the dev server:

  $ npm start

Open the localhost link in the browser. Happy hacking!

Product list page screenshot