Buy vacation essentials

Visit website »

Introduction

Vacay store is an ecommerce web application for buying vacation essentials. Vacay store is publicly hosted on Netlify at https://vacay-store-react.netlify.app/.

Demo

vacay-store-demo.1.mp4

Features

• Home page
• Product listing page
• Filters by
  • Price
  • Category
  • Ratings
  • Out of stock
• Sort by price
  • Low to high
  • High to low
  • Featured
• Debounced search
• Wishlist management
• Cart management
• Checkout management
• Payment integration
• Throttling for button clicks
• Mobile responsive
• Authentication
  • Sign up
  • Login
  • Logout

Tech stack

• ReactJS
• React Router v6
• useContext + useReducer for state management
• Vanilla CSS & Vacay UI library
• mockBee for mock backend APIs

Installation

• Clone repository and change directory.

git clone https://github.com/anik31/vacay-store.git
cd vacay-store

• Switch to dev branch.

git checkout dev

• Create an environment variable inside .env file in the root of the project.

REACT_APP_JWT_SECRET=<your-jwt-secret>

• Install dependencies and start server.

yarn install
yarn start

Socials

• Twitter - _anik_31
• Github - anik31