Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/atapas/shoes
- Owner: atapas
- License: mit
- Created: 2022-07-04T05:45:21.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-02-08T02:12:20.000Z (over 1 year ago)
- Last Synced: 2024-07-31T19:33:31.692Z (3 months ago)
- Topics: gatsby, gatsbyjs, hacktoberfest, jamstack, javascript, reactjs, strapi
- Language: JavaScript
- Homepage: https://tapasadhikary.com
- Size: 4.46 MB
- Stars: 30
- Watchers: 2
- Forks: 11
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
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)