rachel-ftw/the-sickest-of-fits

Sick Fits: A React/GraphQL storefront with credit card functionality.

Sick Fits

A demo react storefront.

Store content pulled from Witchsy. Go buy something from them and support women run businesses!

Stack

Front End

• react.js
• next.js
• styled components
• Apollo Client
• Cloudinary

Back End

• GraphQL
• graphql-yoga🧘‍♀️
• prisma
• Nodemailer & mailTrap
• heroku

Run the Project Locally

1. clone the repo
2. npm i in both the front end and back end folders
3. Back End:

• sign up for prisma and install prisma globally npm i -g prisma

• add this variables.env file to the backend directory

  FRONTEND_URL = "http://localhost:7777";
  PRISMA_ENDPOINT = "getThisFromPrismaSetup";
  PRISMA_SECRET = "youShouldMakeUpYourOwnSecret";
  APP_SECRET = "jwtsecret123";
  STRIPE_SECRET = "youChangeThisSrsly";
  PORT = 4444;