Gimesto Store

---

An E-commerce App built with React, having functionality like product listing, cart, wishlist and filtering.

Live Preview: gimesto-ecom.vercel.app

---

Features:

1. Authentication: Login and SignUp functionality
2. Auth state persistance using cookies
3. Private and public routes: Private routes accessible only on login
4. Search Params: Used for sort and filter, persistent
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 place order section
8. React: useContext, useReducer, useEffect, useState, custom hooks, functional components
9. Mock backend using Mirage JS and Mockman API.

Features in progress/TODOs

1. Product search functionality
2. Address management for orders
3. User profile page
4. Orders section
5. Payment integration

---

Libraries used:

• React.js : v17.0.2
• React router: v6.2.2
• Axios : v0.21.4
• Mirage js : v0.1.41
• Prop-Types : v15.8.1
• JWT : v8.5.1
• Gimesto Component library (developed by me)

---

Get started

1. Clone the repo:

  $ git clone https://github.com/vrx29/gimesto-store-ecom.git

2. Switch to dev branch:

  $ cd gimesto-store-ecom
  $ git checkout dev

3. Install required node modules:

  $ npm install

4. Create a .env file at the root folder create a SECRET KEY

    REACT_APP_JWT_SECRET=radomkey

5. Start the dev server:

  $ npm start
                   or
  $ yarn start

Open the localhost:3000 link in the browser.

🚀 Tools and Stack Used

Home page screenshot

Product listing page screenshot

👨‍💻 Connect with me