Chat_Buddy - GitLite

KO | EN

gitlite — search

#react #typescript #llm #golang #android #deep-learning #docker #nodejs #awesome #cli #vue #security #openai #open-source

Chat_Buddy

(★ 16)

A Full-Stack Chat Application with Firebase as backend and Flutter as Front-end with Bloc as State Management.

Chat_Buddy 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Chat-Buddy

It is a Full stack Chat Application using **Flutter** and **Firebase**. It allows **real-time** messaging to registered users. It uses Flutter Bloc for State Management.

### Sailent features:
- User Registration with validation
- Authentication
- Real-time messaging
- Notifications
- Search users

<p align="center">
<img src="https://user-images.githubusercontent.com/51371766/231000915-01d66a57-65cf-4d03-a8dc-dbb2e59ffe3c.gif" width="300" height="600" alt="Chat Buddy" >
</p>

## Getting Started

The app starts with a **splash** screen :

<p align="center">
<img  src="https://user-images.githubusercontent.com/51371766/230991743-e530989d-dfb0-40ac-81fd-dac46381c5d5.png"  width="250" height="500" alt="splash" >
</p>

---
**Sign-up** & **Sign-in** page :

<pre>

<p align="center">
<img src="https://user-images.githubusercontent.com/51371766/230991935-0c95a0a2-1ff0-49e1-8629-ff45ecb92b38.png" width="250" height="500" alt="Sign up" >          <img src="https://user-images.githubusercontent.com/51371766/230992296-0e75d9fb-3f26-47ba-925d-626067e37086.png" width="250" height="500" alt="Sign in" >               <img src="https://user-images.githubusercontent.com/51371766/230992496-5fd8c647-9ec5-4283-934f-4049055110e0.png" width="250" height="500" alt="Sign up" >
</p>
</pre>

---

**Home Screen** contains a tab bar, containing
- *Messages*
- *Stories*
- *Calls*

<pre>

<p align="center">
<img src="https://user-images.githubusercontent.com/51371766/230997457-446a4e08-397f-47b6-baf6-46af35d77678.png" width="250" height="500" alt="message list" >          <img src="https://user-images.githubusercontent.com/51371766/230994151-cc4b22e4-cdd3-4ce6-888c-7e33b4bc2755.png" width="250" height="500" alt="Stories" >               <img src="https://user-images.githubusercontent.com/51371766/230997104-03fc27a3-88f3-4394-9856-53173d63a53f.png" width="250" height="500" alt="calls" >
</p>
</pre>

---

Whenever, message is recieved, **Notification** pops-up. It is implemented using _flutter_local_notifications_ package. 
Also, the unread count shows the number of messages unread.

<p align="center">
<img  src="https://user-images.githubusercontent.com/51371766/230993449-6f9ad37f-fd35-4f19-bb46-6436fc2f5f77.png"  width="250" height="500" alt="notification" >
</p>

---

Search for users by tapping on the floating action button. It opens a **Search Dialog**:

<pre>

<p align="center">
<img src="https://user-images.githubusercontent.com/51371766/230995317-94d95aef-c674-4a09-bd2e-7637b9e5e812.png" width="300" height="600" alt="search" >          <img src="https://user-images.githubusercontent.com/51371766/230995524-657dbcee-9c25-4ea0-9da7-8fa5846d4ebc.png" width="300" height="600" alt="Search long" >
</p>
</pre>

---

Click on one of the users, it will open the **chat** screen.

<p align="center">
<img  src="https://user-images.githubusercontent.com/51371766/230996099-f1253d88-17a4-4baa-9ec8-adfbea147102.png"  width="250" height="500" alt="chat" >
</p>

---

To view your **profile**, click on your image on Home Screen.

<p align="center">
<img  src="https://user-images.githubusercontent.com/51371766/230996458-68efc368-58d6-4407-86c1-05905abd9388.png"  width="250" height="500" alt="chat" >
</p>