Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/soumyajit4419/Chatify
Personal Chat Room or Workspace to share resources and hangout with friends build with React.js, Material-UI, and Firebase.
https://github.com/soumyajit4419/Chatify
firebase material-ui reactjs realtime-messaging
Last synced: 4 days ago
JSON representation
Personal Chat Room or Workspace to share resources and hangout with friends build with React.js, Material-UI, and Firebase.
- Host: GitHub
- URL: https://github.com/soumyajit4419/Chatify
- Owner: soumyajit4419
- Created: 2021-04-01T17:21:58.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-01-01T16:33:14.000Z (almost 2 years ago)
- Last Synced: 2024-10-29T16:14:57.288Z (13 days ago)
- Topics: firebase, material-ui, reactjs, realtime-messaging
- Language: JavaScript
- Homepage: https://chatifynew.vercel.app/
- Size: 1.04 MB
- Stars: 70
- Watchers: 3
- Forks: 43
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome - soumyajit4419/Chatify - Personal Chat Room or Workspace to share resources and hangout with friends build with React.js, Material-UI, and Firebase. (JavaScript)
README
# Chatify
### Personal Chat Room or Workspace to share resources and hangout with friends.
### https://chatifynew.vercel.app/
## Build With
- `React.js`
- `Firebase`
- `Material UI`
- `React Icons`## Features:
- Easy SignIn with Google
- Create Rooms
- Realtime group messaging with image sharing
- Supports Emoji
- Reaction on messages## Installation and Usage
### Clone this repository
`git clone https://github.com/soumyajit4419/Chatify.git`
`cd chatify`### Install Dependencies
`npm install`
In the project directory, you can run:
### npm start
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.The page will reload if you make edits.\
You will also see any lint errors in the console.### npm run build
Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.