Chat App

Demo

https://mct-chat-app-9ecf3.firebaseapp.com/

In this project I tried to make a like slack-clone project. I want to mention some detail in this project. When we add a new message and there are a lot of messages, scrool is downing automatically. I did it with refs and I benifit this website

    https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView

You should take a look. I could not find firebase types ,therefore I ignored this places in the project.

Features

• Register
• Login
• Add a new room
• Send a new message to room that you want

Technologies

• React
• Redux
• Hooks
• Typescript
• Firebase
• React-Redux-Firebase package
• SCSS
• React-Modal
• React-Router-Dom

Setup

To setup the project, run the following on your terminal in the order:

    git clone https://github.com/mevlutcantuna/chat-app

    npm install

    yarn start

Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.