Garments & Goods

Garments & Goods is a mock ecommerce website. I built this website to experiment with Gatsby and GraphQL, and I also wanted to familiarize myself more with the design and features of a typical ecommerce website.

View Website

You can view Garments & Goods here, or just enter https://garmentsandgoods.netlify.app in your browser's address bar.

Built with

• React Function Components

• Gatsby and available Gatsby plugins

• GraphQL

  • Used to query page content from markdown files.

• GraphiQL

• Sass

• react-swipeable

  • Handles swipe event on images when user is on a mobile device.

Run Project Locally

Step 1 - Clone the repo, then open it in your code editor.

$ git clone https://github.com/agviray/gatsby-ecommerce-website.git

Step 2 - From the project's root directory, install all of the dependencies.

$ npm install

Step 3 - Start up the app.

$ gatsby develop

Step 4 - View the website.

The website will be running at http://localhost:8000