https://github.com/overloadedsam/slack-clone

A chat application that mimics the UI of the official Slack app. Users can create channels and send messages by logging in with a google account.
https://github.com/overloadedsam/slack-clone

firebase firebase-auth firestore material-ui react styled-components

Last synced: 2 days ago
JSON representation

A chat application that mimics the UI of the official Slack app. Users can create channels and send messages by logging in with a google account.

• Host: GitHub
• URL: https://github.com/overloadedsam/slack-clone
• Owner: OverloadedSam
• Created: 2022-12-03T11:18:54.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2022-12-03T12:42:48.000Z (almost 2 years ago)
• Last Synced: 2023-07-16T07:24:07.774Z (over 1 year ago)
• Topics: firebase, firebase-auth, firestore, material-ui, react, styled-components
• Language: JavaScript
• Homepage: https://slack-org.web.app
• Size: 176 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Slack Clone

Slack clone is a chat application that mimics the UI of the official Slack app. This project is built primarily using `React`, `Firebase`, `styled-components` and `@mui/icons-material`. Users can log in to the app using a google account. Users can create channels and send messages to chat with other logged-in users in real time.

## Requirements

- `node >= 18.12.1`

- `npm >= 8.19.2`

## Usage

  1. Clone the repository.

    $ git clone https://github.com/OverloadedSam/slack-clone.git

  2. Move to the directory.

    $ cd slack-clone

  3. Install project dependencies.

    $ npm install

## Setting Up Environment Variables

You have to set the environment variables of your configuration before starting the server.

Place a `.env` file in the project's root folder, i.e. `slack-clone/.env`, and set the following environment variable according to your firebase app configuration.

    REACT_APP_API_KEY={firebase_project_api_key}

    REACT_APP_AUTH_DOMAIN={firebase_project_auth_domain}

    REACT_APP_PROJECT_ID=s{firebase_app_project_id}

    REACT_APP_STORAGE_BUCKET={firebase_app_bucket_id}

    REACT_APP_MESSAGING_SENDER_ID={firebase_app_messaging_sender}

    REACT_APP_APP_ID={firebase_app_id}

## Running The Project

    $ cd slack-clone/

    $ npm start