Firebase Extensions Demo

A demo ecommerce application showcasing Firebase Extensions and other Firebase products.

To learn more about this project see the documentation or the video below:

---

Project structure

• /website
  • Source for the React web application.
• /functions
  • Source for Firebase Cloud Functions used by this project.
• /tools
  • Scripts/tools such as Stripe product importing and Cloud Firestore rules.

---

Local development

yarn

Running locally

yarn dev

Deploying to Firebase Hosting

yarn deploy

Importing product data into Stripe

cd tools
yarn stripe:import-products

Note: this script requires you create a tools/.env file with your STRIPE_SECRET_KEY set in it.

Deploy Firestore rules

cd tools
yarn firebase:deploy-firestore-rules

---

Technologies Used

• ️‍🔥  Firebase
  • 🔑  Firebase Authentication
  • 📄  Cloud Firestore
  • 🌍  Firebase Hosting
  • 🧩  Firebase Extensions
    • See the docs to learn about the Firebase Extensions used in this project.
• 💳  Stripe Checkout
  • Checkout creates a secure, Stripe-hosted payment page that lets you collect payments quickly.
• 📦  ShipEngine
  • ShipEngine’s APIs help brands, ecommerce platforms, 3PLs and others save time and money on shipping.
• 🔍  Algolia Search
  • Enables developers to build next generation apps with composable APIs.
• ⚛️  React
  • A JavaScript library for building user interfaces.
• ⚡️  Vite
  • Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects.