Developed a live chat app with VueJS, Firebase Firestore, and Firebase Auth. After registering your name, email, and password, you can chat live with other users. Your authentication is handled by Firebase Auth securely.
- Vue.js (Vue3)
- Firebase Firestore
- Firebase Authentication
To get a local copy up and running follow these simple example steps.
- On the project GitHub page, navigate to the main page of the repository.
- Under the repository name, locate and click on a green button named
Code. - Copy the project URL as displayed.
- If you're running the Windows Operating System, open your command prompt. On Linux, Open your terminal.
- Change the current working directory to the location where you want the cloned directory to be made. Leave as it is if the current location is where you want the project to be.
- Type git clone, and then paste the URL you copied in Step 3.
e.g. $ git clone https://github.com/yourUsername/yourProjectName - Press Enter. Your local copy will be created.
- After cloning or downloading this repository, Run
npm installoryarn install - Create a new file with the name
.envin the project root - Add Firebase Authentiication Information to
.envfile like below:
VUE_APP_FIREBASE_API_KEY<-- Input Firebase API key here -->
VUE_APP_FIREBASE_AUTH_DOMAIN=<-- Input Firebase auth domain here -->
VUE_APP_FIREBASE_PROJECT_ID=<-- Input Firebase project ID here -->
VUE_APP_FIREBASE_STORAGE_BUCKET=<-- Input Firebase storage bucket here -->
VUE_APP_FIREBASE_MESSAGING_SENDER_ID=<-- Input Firebase messaging sender ID here -->
VUE_APP_FIREBASE_APP_ID=<-- Input Firebase API ID here -->
VUE_APP_FIREBASE_MEASUREMENT_ID=<-- Input Firebase measurement ID here -->
- Run
yarn serve, then the local server will be automatically opened - Run
yarn buildto generate the production file indistfolder
👤 Yoko Saka
Give a ⭐️ if you like this project!
This project is MIT licensed. The original design and architecture of the app are provided by Shaun Pelling.