rafaelzasas / intro-to-firebase

Sample Code for Intro to Firebase Workshop hosted by Developer Student Clubs

Hello World

My name is Rafael Zasas and I'm a Full-Stack developer.

• 🔭 Currently working with Angular, ReactJs, NextJs (all TypeScript) and FastApi (Python).
• 🌱 Currently learning GCP
• 👯 I’m looking to collaborate on anything fun
• ⚡ Fun fact: I was on the South African National Swimming Team

👉 👈 How to Contact me

• E-mail: [email protected]
• Follow me on Linkedin
• Checkout my blog

❤️ Things I like to do

• 📱 💻 Create mobile and web applications
• 🎴 Create user interfaces
• 💡 Experiment new technologies and tools
• 👨 Help people and talk about tech

📃 My Stats

intro-to-firebase's Issues

Fix Broken Profile Image 🩹

Currently if a signed in user doesn't have an image associated with the account, the profile page's image will be broken.
This can be fixed by checking to see if the user.displayImage function returns null or not.
A static image in assets/ can be used or you can pull an image from Firestore.

Email extension function

Brand logo on Profile page

The brand log on the profile page doesn't point anywhere.

Product CRUD

• Products should be associated with their creators
• Only creators and admins should be able to edit a product
• Create
• Update
• Delete

new issue

test

Admin Dashboard 🎉

Thinking of making an Admin dashboard for us to easily add products to the database

Firebase Functions

• Firestore triggered function
  • Sync cart products with real ones
  • Send an email with purchase confirmation
  • Update Inventory size
• HTTP Seeder function
• An email function (possibly with an extension)
• Analytics triggered function
  • An analytics event triggered when a user leaves the site with stuff in the cart
  • A function that listens for that event and sends an email
  • Only send the email if the cart was left untouched for more than a day

Email authentication

• enable email authentication in the Firebase console
• add email authentication as the main sign-in method
• possibly use Firebase UI for authentication views
• move Google auth as a secondary sign-in method

Firestore triggered functions

• Sync cart products with real ones
• Send an email with purchase confirmation
• Update Inventory size

HTTP triggered function

Should seed some collection with static documents

Google authentication

• enable Google auth in the Firebase console
• implement Google auth to be the main sign-in method

Update Document to send out

Need to complete info docs for Event Details

• Firestore #2

• Analytics + Perf Monitoring

• Functions + Extensions

• Remote Config & AB Testing

Fix Lazy Firestore -> Storage integration

Analytics

• Create Cart & Functionality
• Trigger analytics event for adding to cart
• create dummy purchase functionality
• link to built in analytics event for purchase
• perf-mon for loading times / category
• add event triggers for category views and produt views
• add event triggers for login/sign up and sign out
• event for user exiting site

Admin dashboard

• Only visible to registered users with permissions.admin of true
• Displays a list of all users
• Toggles for each users' permissions
• Save button to commit the changes

Analytics triggered functions

• An analytics event triggered when a user leaves the site with stuff in the cart
• A function that listens for that event and sends an email
• Only send the email if the cart was left untouched for more than a day

Product search

• Search bar to enter the query
• List of product results that contain the search term in their names
• Sort products by name
• Sort products by price
• Filter products by certain type

Sign In 🐛

Sign In fails when user already has a linked O-Auth Account

O-Auth Sign in with multiple providers

If you try sign in using Google OAuth Provider and then later on try logging in using GitHub you are prompted with an error message from Firebase.
You can fix this by implementing some logic according to the error.code function. This is in the error handling of our Sign In function.