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.