https://github.com/mirayatech/chat-app
💬 Realtime chat app, built with react, typescript, firebase and other technologies.
https://github.com/mirayatech/chat-app
chat chatapp firebase react realtime-messaging styled-components typescript ui ux whatsapp
Last synced: 4 months ago
JSON representation
💬 Realtime chat app, built with react, typescript, firebase and other technologies.
- Host: GitHub
- URL: https://github.com/mirayatech/chat-app
- Owner: mirayatech
- Created: 2022-10-21T07:04:35.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-08-30T15:17:28.000Z (almost 3 years ago)
- Last Synced: 2023-08-31T01:14:12.409Z (almost 3 years ago)
- Topics: chat, chatapp, firebase, react, realtime-messaging, styled-components, typescript, ui, ux, whatsapp
- Language: TypeScript
- Homepage: https://sabito.vercel.app
- Size: 3.22 MB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### Sabito - Chat App ⤵
Sabito is a realtime chat app, built with react, typescript, firebase and other technologies. My inspiration came from [Whatsapp](https://web.whatsapp.com/) and [Messenger](https://www.messenger.com/).
### 🚀 - Features
- Sign in with Google
- Create conversations (private, group)
- Allow sending
- Text
- File
- Image
- Reply to message
- Drop file to upload
- Notify to unseen messages
- Send reactions to message
- Show if user has seen message
- Detect link an add an anchor to it
- View conversations images and files
- Change group name or group profile picture
### 📚 - What I've learned
- Focused a lot on the UX
- Managing indexes in Firebase
- Formatting TimeStamp into [day.js](https://github.com/iamkun/dayjs)
- Creating custom hooks (Specifically for Firebase)
- And much more...
### 🛠️ - Main technologies
`React` `Firebase` `TypeScript` `Styled Components` `Framer Motion` `Vite`
🎥 - Demo Video
📸 - Demo Images
#
#
#
#
#
#
#
#
#
