Slack Clone

Built with React JS at core.

Live Site

📑 Introduction

Slack UI clone (Single Page Application).
Push - Pull data to/from Firebase.

🖥️ Setup:

Install all project dependencies with yarn
Setup Firestore and Enable Google Authentication on Firebase

Create firebase.ts file and copy paste below code and add the apiKey, authDomain, etc from firebase.

import firebase from "firebase/compat/app";
import "firebase/compat/auth";
import "firebase/compat/firestore";

const firebaseConfig = {
  apiKey: "",
  authDomain: "",
  projectId: "",
  storageBucket: "",
  messagingSenderId: "",
  appId: "",
};

const firebaseApp = firebase.initializeApp(firebaseConfig);
const db = firebaseApp.firestore();
const auth = firebase.auth();
const provider = new firebase.auth.GoogleAuthProvider();

export { auth, provider, db };

Start the development server with yarn start
Open http://localhost:3000 to view it in the browser.

This project was bootstrapped with Create React App, using the Redux and Redux Toolkit template.

iamhiman/slack-clone

Slack Clone

Built with React JS at core.

Live Site

📑 Introduction

🖥️ Setup: