jalajcodes/chatcord

Chatcord is a highly performant, realtime chat app created using React, Redux, Firebase & Semantic UI.

🚀 Chatcord

Chatcord is a highly performant, realtime chat app created using React, Redux, Firebase & Semantic UI.

✨ Features

• 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

Preview

Login Page	Main App

Demo: https://chatcord.web.app

Tech Stack

• Frontend: React, Redux
• Database: Firebase Realtime Database
• Storage: Firebase Storage Bucket
• Authentication: Firebase Auth
• Styling: Semantic UI
• Deployment: Firebase Cloud Hosting

Setting Up Locally

Follow these instructions to set up the project on your local machine.

1. Clone the repository.

git clone https://github.com/jalajcodes/chatcord

2. Install Packages

cd chatcord && yarn 

3. Create a new firebase project and get your firebase app configuration and add it in src/firebase.js.
4. Start the app

yarn start 

Todo

• Star channels - IN PROGRESS
• Know status of other users (online/offline)
• Send Direct messages to other users (Private Chat)
• Send images in direct messages