https://github.com/manishtmtmt/chat-app
Chat App is a real-time chat application where you can do group chatting with people.
https://github.com/manishtmtmt/chat-app
context-api firebase firebase-auth firebase-hosting firebase-realtime-database firebase-storage html-css-javascript react-hooks react-router reactjs responsive-layout rsuite-react
Last synced: 25 days ago
JSON representation
Chat App is a real-time chat application where you can do group chatting with people.
- Host: GitHub
- URL: https://github.com/manishtmtmt/chat-app
- Owner: manishtmtmt
- Created: 2022-11-12T03:16:39.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-11-16T04:31:12.000Z (over 3 years ago)
- Last Synced: 2026-03-28T00:37:12.111Z (about 1 month ago)
- Topics: context-api, firebase, firebase-auth, firebase-hosting, firebase-realtime-database, firebase-storage, html-css-javascript, react-hooks, react-router, reactjs, responsive-layout, rsuite-react
- Language: JavaScript
- Homepage: https://chat-app-15798.web.app
- Size: 2.4 MB
- Stars: 9
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React + Firebase Chat App
This project is built with React and Firebase [Chat App](https://chat-app-15798.web.app/).
Chat app is a real-time chat application where user can do group chatting. User can send messages to each other, share images, documents, and audio file as well upto 5MB. App supported facebook and google authentication that means user and signin with facebook or google as per user's preferences. User can see other user's information such as profile and last online status. User can create his own chat room or he can join any chat room that are available and do group chatting. So go to Chat App and enjoy chatting with people.
## Languages used
- HTML
- CSS
- JavaScript
## Tools/Library used
- React (v18.2.0)
- React router (v5.2.0)
- Firebase (v9.14.0)
- Rsuite (v5.22.1)
- Sass (v1.56.1)
- React mic (v12.4.6)
- Timeage react (v3.0.5)
- Use context selector (v1.4.1)
- For storing messages I have used firebase storage and firebase real-time database
- Deployed on firebase hoisting
## Features/Functionality
- Fully responsive app
- User authentication with Facebook/Google (Signin with Facebook/Google)
- Manage user profile (edit username, upload avatar)
- Create chat room
- Update chat room information
- Realtime chat message
- Send chat, like chat and delete own chat
- Send file (images, documents, audio) upto 5mb
- Oraganized chat date wise
- Display chat send time
- View user status (like if user is online or offlinne and last online time)
- View user information
## Author
- [Manish Tiwari](https://linkedin.com/in/wdmanisht)
## Screenshots
### Signin page
### Google signin modal
### Home
### Dashboard
### Chat
*If you liked my project feel free give it a star*
*Thank you*
*Manish Tiwari*