Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/atapas/shoes

Shoes is an online shoe store built using Gatsby and Strapi
https://github.com/atapas/shoes

gatsby gatsbyjs hacktoberfest jamstack javascript reactjs strapi

Last synced: 22 days ago
JSON representation

Shoes is an online shoe store built using Gatsby and Strapi

Awesome Lists containing this project

README

        

# 👠 shoes

`shoes` is an online shoe store built using Gatsby and Strapi. It is an `Open Source` project built to learn how to use `Gatsby` and `Strapi` to build a static site.

## What is `shoes`?

`shoes` is a shoe store that sells shoes. It lists shoes by brand, style, and price. You can see the details of each shoe by clicking on the shoe image.

![Shoe List](./images/shoe-list.png)

The shoe details include the brand, style, price, and description. You can add the shoe to your cart by clicking on the "Add to Cart" button.

![Shoe Details](./images/shoe-details.png)

### Many Thanks to all the `Stargazers` who have supported this project with stars(⭐)

[![Thanks to all stargazers](https://git-lister.onrender.com/api/stars/atapas/shoes?limit=15)](https://github.com/atapas/shoes/stargazers)

## How to run the app locally?

To run the app locally,

- First fork and clone the repository.
- Then change to the directory where the repository is cloned.
- The project has two folders, `client` and `datastore`.
- Change to the `datastore` folder.
- Run `npm install` or `yarn` to install the dependencies.
- Run the `yarn develop` to start the strapi in the development. You can access the console using the URL `localhost:1337`.
- Now change to the `client` folder.
- Run `npm install` or `yarn` to install the dependencies.
- Run the `gatsby develop` to start the gatsby in the development. You can access the console using the URL `localhost:8000`.

## Contribute and Learn More

It is and Open Source project. You can [contribute](CONTRIBUTING.md) to the project. Don't worry if you do not know much about Gatsby or Strapi. A basic knowledge on the ReactJS will help you to get started.

You can reach out to me on

- [Twitter](https://twitter.com/tapasadhikary)
- [Showwcase](https://www.showwcase.com/atapas398)