Laurenz-Guevara / cliff-crafts

Cliffcrafts

Full Stack E-Commerce website built with React and Typescript. Firebase cloud functions using Express.js to provide API Requests with stripe.

View Live Site · Report Bug

Additional Images

Stripe Payment

(back to top)

Built Using

• Vite
• Sass
• Redux
• Firebase / Cloud Functions
• Stripe
• Sanity CMS

Getting Started

If you would like to build this app locally for yourself just follow the instructions below.

Node Version

v18.13.0

Installation

1. Clone the repo

   git clone https://github.com/Laurenz-Guevara/cliff-crafts.git

2. Install Packages

   npm install

3. Run a Build

   npm run build

4. Start the App

   npm run dev

Deployment

1. Clone the repo

   npm run build

2. Install Packages

   firebase deploy

Contact

Laurenz Guevara - [e-mail] LinkedIn - https://www.linkedin.com/in/laurenzguevara/

(back to top)

ENV Files - These are not real keys

Root of Directory

PUBLIC_STRIPE_PUBLISHABLE_KEY=pk_test_51MU...UQuG

STRIPE_SECRET_KEY=sk_test_25AB...FEa

STRIPE_WEBHOOK_SECRET=whsec_123456

Set this environment variable to support webhooks — https://stripe.com/docs/webhooks/signatures

Root of Functions Folder

STRIPE_SECRET=sk_test_25AB...FEa

WEBAPP_URL="https://www.cliffcrafts.com"