Coffee Shop

You can visit the site from this link

Summary

Coffee-Shop is a web application that is made for any coffee shop to display the items they have on the menu and show the products available for orders and add it to the cart, if you have any note you can contact with the owner of these coffee shop by email using the contact form.

Set up the app

• Install the Gatsby CLI using this command npm install -g gatsby-cli

• You need to make an account on contentful for free

  • Create a new space
  • Create two new content type (CoffeeItem and CoffeeProduct)
  • Add fields for each one like this and add real products

  

  

  • From setting > API Keys get Space ID and Content Delivery API - access token

• Make an account in snipcart

  • From right menu > API KEYS get PUBLIC TEST API KEY

• Clone this repo

• Create .env.development file and add api keys into it

  • CONTENTFUL_ACCESS_TOKEN
  • CONTENTFUL_SPACE_ID
  • SNIPCART_API

• Run this command npm run start

• Go to http://localhost:8000/ and everything will be done

Technologies

• Node.js
• Gatsby
• React
• Ant Design
• Netlify for deployment
• contentful for CMS
• snipcart for add to cart and payment

Working on new features ...