This article introduces a simple demo chat application built using SvelteKit and Firebase. The chat application provides an online demo where users can test the functionality. It generates random names and avatars based on the user’s Firebase UID. The article also explains how to get started with the application, including setting up Firebase settings and deploying the project using Vercel.
To get started with the chat application, follow these steps:
Set Firebase Settings: If you want to set your own Firebase settings via environment variables, run the provided command. Inside the lib/firebase.ts file, you can find the environment variables used to configure the Firebase SDK.
Switch Build Time Variables (Optional): You can choose to switch from dynamic/public environment variables to static/public. This bakes the variables at build time.
Firebase for Firestore: In the Firebase console, enable anonymous authentication under the “Build” section, specifically in the “Authentication” tab.
Vercel for Hosting: Visit vercel.com/new and create a new project. Connect your GitHub repository to the project.
The article showcases a simple demo chat application built using SvelteKit and Firebase. It provides users with an online demo to test the app’s functionality. The application uses Firebase for authentication and data storage. Users are assigned random names and avatars based on their Firebase UID. The article also provides instructions on how to set up the Firebase settings and deploy the project using Vercel.
