Chatcord is a highly performant, realtime chat app created using React, Redux, Firebase & Semantic UI.
- Clean and Responsive UI
- Signup, Login and Reset Password
- Realtime Messages
- Relative timestamps on messages
- Animations when sending chats
- Create new Group Chats / Channels
- Send images in chats
- Upload progress indicator
- Search messages
- Change user avatar
- Crop uploaded avatars to make them perfect
- Markdown Support
- Shortcut Keys
- Ctrl + Enter to send messages.
- Channel Statistics
- Top Posters in each Channel
Login Page | Main App |
---|---|
![]() |
![]() |
Demo: https://chatcord.web.app
- Frontend: React, Redux
- Database: Firebase Realtime Database
- Storage: Firebase Storage Bucket
- Authentication: Firebase Auth
- Styling: Semantic UI
- Deployment: Firebase Cloud Hosting
Follow these instructions to set up the project on your local machine.
- Clone the repository.
git clone https://github.com/jalajcodes/chatcord
- Install Packages
cd chatcord && yarn
- Create a new firebase project and get your firebase app configuration and add it in
src/firebase.js
. - Start the app
yarn start
- Star channels - IN PROGRESS
- Know status of other users (online/offline)
- Send Direct messages to other users (Private Chat)
- Send images in direct messages