🛍️ FakeStore

Description |  Deploy |  Tech Stack |  Environment Variables |  Functionality |  Install & Scripts |  Contribution |  License

📙 Description

FakeStore is an e-commerce web application that allows users to add products to a virtual shopping cart. Upon opening the cart, users can add, remove and clear products in the cart.

Checkout was not a part of the scope.

This web app utilizes the Fake Store API.

💻 Deploy

• Click here to go to a Vercel deploy of this app

🛠 Tech Stack

• Next
  • appDir
    • App Router
  • TypeScript
  • Context API
• Chakra UI
• Tailwind
  • Classnames
• ESLint + Prettier
  • Airbnb JavaScript Style Guidelines

⚙️ Functionality

• View a specific product details
• Add, remove and clear products in the cart
• Filter products by category

🔢 Environment Variables

Theres no need to set environment variables for this project

👨‍💻 Install and Scripts

Install dependecies on NPM:

  npm install

Run local server:

  npm run dev

Format files with Airbnb JavaScript Style Guidelines:

  npm run format

Create build for deploying:

  npm run build

👥 Contribution

If you'd like to contribute with to project, simply open up a Pull Request.

🔑 License

MIT