Chat App

---

This is a minimized chat app using firebase with instant messaging and image sharing

📝 Table of Contents

• About
• Getting Started
• Deployment
• Usage
• Built Using
• Authors
• Acknowledgments

🧐 About

This is a chat-app which has instant messaging feature and you can also share images

🏁 Getting Started

you have to clone the repo and install all the packages then you have to have a firebase account for the database you can follow this tutorial firebase then copy the config file and create a firebase.js file in the lib folder and export the app function you'll also have to export the auth and storage

Prerequisites

You'll need to have Node.js installed on your computer. and have a firebase account

Installing

A step by step series of examples that tell you how to get a development env running.

clone the repo

git remote add origin https://github.com/vhiz/firebase-chat.git

then install all the dependencies

npm install

create a firebase.js file in the lib folder and export the app function you'll also have to export the auth and storage

import { initializeApp } from "firebase/app";
import { getAuth } from "firebase/auth";
import { getFirestore } from "firebase/firestore";
import { getStorage } from "firebase/storage";

// Your web app's Firebase configuration
const firebaseConfig = {
  apiKey: ******,
  authDomain: ******,
  projectId: **********,
  storageBucket: ****,
  messagingSenderId:****,
  appId: ****,
};

export const app = initializeApp(firebaseConfig);

export const auth = getAuth();
export const db = getFirestore();
export const storage = getStorage();

Run the dev server

npm run dev

🎈 Usage

you can send messages you can add users you can send images

⛏️ Built Using

• Firebase - Database
• Vite - Web Framework
• NodeJs - Server Environment

✍️ Authors

• @vhiz - Idea & Initial work

🎉 Acknowledgements

• lamadev