rafaelzasas/intro-to-firebase

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

Intro To Firebase with DSC 🔥

Learn How to Make a Full Stack Web Application using Firebase 💥

• Fork/clone this repo to your local machine using https://github.com/RafaelZasas/intro-to-firebase/.
• Navigate to the Firebase site and Create a new Firebase Project
• Link your Firebase Project Credentials to your this and your mobile/Unity apps.
• Deploy your app(s) to Firebase
• Play around and have fun!

Contributing 👥

We are encouraging a collaborative effort throughout this series. We will recognize all the individuals who wish to take time to contribute at the beginning of each event in the series.

Visit the Contributing Guidelines to get caught up with everything you need to know before contributing to this project!

Found any bugs? Have any suggestions or code improvements? You can Submit an issue or Feature Requests directly on this repo.

Credits and Resources🌱

Huge shoutout to all the DSC and Google for making this possible

• DSC Community
• Firebase platform
• Firebase Documentation for Javascript Web Applications
• Firebase Github For Javascript Web Applications

License 📄

This project has been licensed under the MIT License - do anything you want with it! See the LICENSE file for details.

intro-to-firebase's Issues

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

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.

HTTP triggered function

Should seed some collection with static documents

Firestore triggered functions

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

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

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.

Brand logo on Profile page

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

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

Admin Dashboard 🎉

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

Product CRUD

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

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

Update Document to send out

Need to complete info docs for Event Details

• Firestore #2

• Analytics + Perf Monitoring

• Functions + Extensions

• Remote Config & AB Testing

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

Email extension function

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

Fix Lazy Firestore -> Storage integration

Google authentication

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

new issue

test