Shoes screenshot

Shoes

Author Avatar Theme by Atapas
Updated: 8 Feb 2023
29 Stars

Shoes is an online shoe store built using Gatsby and Strapi

Categories

Overview

shoesshoes is an online shoe store built using Gatsby and Strapi. It is an open-source project designed to help individuals learn how to utilize Gatsby and Strapi to create a static website. The store lists shoes by brand, style, and price, and users can view shoe details by clicking on the shoe image. Additionally, users have the ability to add shoes to their cart by clicking on the “Add to Cart” button. The project is supported by Stargazers who have shown their appreciation for the project by giving it stars.

Features

  • Shoe List: Browse and filter shoes by brand, style, and price.
  • Shoe Details: View detailed information about each shoe, including brand, style, price, and description.
  • Add to Cart: Easily add shoes to your shopping cart with a single click.

Installation

To run the shoesshoes app locally, follow these steps:

  1. Fork and clone the repository.
  2. Change to the directory where the repository is cloned.
  3. Navigate to the “datastore” folder.
  4. Run the command npm install or yarn to install the necessary dependencies.
  5. Start the Strapi development environment by running the command yarn develop. You can access the console using the URL localhost:1337.
  6. Go back to the root folder of the repository.
  7. Navigate to the “client” folder.
  8. Run the command npm install or yarn to install the necessary dependencies.
  9. Start the Gatsby development environment by running the command gatsby develop. You can access the console using the URL localhost:8000.

Summary

shoesshoes is an open-source online shoe store built using Gatsby and Strapi. It allows users to browse and filter shoes by brand, style, and price. Detailed information about each shoe, including brand, style, price, and description, is available on the shoe details page. The app also includes a shopping cart feature that enables users to add shoes to their cart quickly. The project is open for contributions, and even beginners with basic knowledge of ReactJS can get started.