Giter Site home page Giter Site logo

chat-app's Introduction

Chat App

React chat room app where you can log in and chat.

Imgur

Click to view live demo (https://jubstaa-chatapp.netlify.app/)

Techs I Used

- react
- redux
- redux-thunk
- firebase realtime database
- firebase auth
- bootstrap
- create-react-app

Features

- You can see the sent messages and application works in real time.
- In left tab, you can see people who are already logged into app.
- People who have closed browser tab or logged out appear offline.
- You can send message after login with google auth
- Messages sent by you appear on right, and messages sent by other people appear on left.
- When a message arrives, you will automatically scroll down to last message.
- If you switch to a different tab or app is not visible on your screen, you will receive a notification sound when a message arrives and notification number is added to the title of app tab.
- responsive design

chat-app's People

Contributors

jubstaaa avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.