Skip to content

Commit 8bd2b93

Browse files
MoazSayed7MoazSayed7
authored
Update README.md
1 parent a6c056c commit 8bd2b93

File tree

1 file changed

+33
-27
lines changed

1 file changed

+33
-27
lines changed

‎README.md‎

Lines changed: 33 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,16 @@ This Flutter project is a chat application inspired by WhatsApp. The app feature
66

77
## Screenshots
88

9+
### Update Available Screen
10+
<HTML>
11+
<body>
12+
<img src="https://github.com/MoazSayed7/Flutter-Chat-App-Firebase-Authentication-Messaging-WhatsApp-Like/assets/75115429/7c602d05-8f31-4d3c-8d68-c565cedbb167" alt="drawing" style="width:250px;"/>
13+
<img src="https://github.com/MoazSayed7/Flutter-Chat-App-Firebase-Authentication-Messaging-WhatsApp-Like/assets/75115429/05f671fa-1307-4998-ab9a-0f4c073aae74" alt="drawing" style="width:250px;"/>
14+
</body>
15+
</HTML>
16+
17+
---
18+
919
### SignUp using Email & Password Screen
1020
<HTML>
1121
<body>
@@ -78,8 +88,8 @@ This Flutter project is a chat application inspired by WhatsApp. The app feature
7888
<HTML>
7989
<body>
8090
<img src="https://github.com/MoazSayed7/Flutter-Chat-App-Firebase-Authentication-Messaging-WhatsApp-Like/assets/75115429/59048556-34bc-4f75-bc40-19a588518f33" alt="drawing" style="width:250px;"/>
81-
<img src="https://github.com/MoazSayed7/Flutter-Chat-App-Firebase-Authentication-Messaging-WhatsApp-Like/assets/75115429/d2974f49-2882-444e-ba59-e1aee2a70f73" alt="drawing" style="width:250px;"/>
82-
<img src="https://github.com/MoazSayed7/Flutter-Chat-App-Firebase-Authentication-Messaging-WhatsApp-Like/assets/75115429/652f1f02-e2fa-41c6-bef8-0b3f34d0a505" alt="drawing" style="width:250px;"/>
91+
<img src="https://github.com/MoazSayed7/Flutter-Chat-App-Firebase-Authentication-Messaging-WhatsApp-Like/assets/75115429/631b39e8-a739-45c6-81ba-2f50b902b69f" alt="drawing" style="width:250px;"/>
92+
<img src="https://github.com/MoazSayed7/Flutter-Chat-App-Firebase-Authentication-Messaging-WhatsApp-Like/assets/75115429/629b9897-f87b-4bfd-b3fd-1b36637d81ab" alt="drawing" style="width:250px;"/>
8393
</body>
8494
</HTML>
8595

@@ -99,8 +109,8 @@ This Flutter project is a chat application inspired by WhatsApp. The app feature
99109
### Local Auth Screen (Fingerprint & FaceID)
100110
<HTML>
101111
<body>
102-
<img src="https://github.com/MoazSayed7/Flutter-Chat-App-Firebase-Authentication-Messaging-WhatsApp-Like/assets/75115429/f3055d26-15c7-4377-87d6-2bd81fa2890a" alt="drawing" style="width:250px;"/>
103-
<img src="https://github.com/MoazSayed7/Flutter-Chat-App-Firebase-Authentication-Messaging-WhatsApp-Like/assets/75115429/4be29a96-0279-4ea1-bebc-9313232abe42" alt="drawing" style="width:250px;"/>
112+
<img src="https://github.com/MoazSayed7/Flutter-Chat-App-Firebase-Authentication-Messaging-WhatsApp-Like/assets/75115429/6616b902-7ac5-4249-83dc-cb54c314d153" alt="drawing" style="width:250px;"/>
113+
<img src="https://github.com/MoazSayed7/Flutter-Chat-App-Firebase-Authentication-Messaging-WhatsApp-Like/assets/75115429/b5d6f62c-12c9-44bf-ab6d-d95a52f340df" alt="drawing" style="width:250px;"/>
104114
</body>
105115
</HTML>
106116

@@ -118,7 +128,7 @@ This Flutter project is a chat application inspired by WhatsApp. The app feature
118128
### Coming Soon Screen
119129
<HTML>
120130
<body>
121-
<img src="https://github.com/MoazSayed7/Flutter-Chat-App-Firebase-Authentication-Messaging-WhatsApp-Like/assets/75115429/66d0ff5c-798f-4048-a3b3-0885750c96f0" alt="drawing" style="width:250px;"/>
131+
<img src="https://github.com/MoazSayed7/Flutter-Chat-App-Firebase-Authentication-Messaging-WhatsApp-Like/assets/75115429/5089d0cd-27b4-4fce-9bfd-d4390d85a69a" alt="drawing" style="width:250px;"/>
122132
</body>
123133
</HTML>
124134

@@ -159,7 +169,6 @@ This Flutter project is a chat application inspired by WhatsApp. The app feature
159169
- `camera`: Enables camera interaction and image capture.
160170
- `chat_bubbles`: Simplifies chat message UI creation.
161171
- `cloud_firestore`: Integrates with Firebase Firestore for data storage and retrieval.
162-
- `cupertino_icons`: Offers iOS-style icons for a consistent UI.
163172
- `dio`: HTTP client for making API requests.
164173
- `eva_icons_flutter`: Provides additional icons beyond the core Flutter icons.
165174
- `firebase_auth`: Manages user authentication with Firebase.
@@ -175,6 +184,10 @@ This Flutter project is a chat application inspired by WhatsApp. The app feature
175184
- `local_auth`: Enables fingerprint and Face ID authentication.
176185
- `logger`: Assists with logging messages for debugging.
177186
- `shared_preferences`: Stores simple data locally on the device.
187+
- `lottie`: Render After Effects animations natively on Flutter.
188+
- `package_info_plus`: Querying information about the application package.
189+
- `pub_semver`: in this App to compare versions.
190+
- `url_launcher`: Plugin for launching a URL.
178191

179192
## Installation
180193

@@ -203,35 +216,28 @@ flutter pub get
203216

204217
6. ### Customized `chat_bubbles` Package
205218

206-
I have made custom modifications to the `chat_bubbles` package to enhance the text alignment feature. Specifically, I have added the ability to dynamically set the text alignment within the chat bubbles.
219+
I have made custom modifications to the `chat_bubbles` package
207220

208-
1. Added a new parameter to the `BubbleSpecialThree` class:
221+
#### Implementation Details
209222

210-
```dart
211-
final TextAlign textAlign;
212-
```
223+
I have already uploaded the edited `bubble_special_three.dart` file to my project. You can find it in the following path:
213224

214-
2. Initialized the `textAlign` parameter in the constructor:
215-
216-
```dart
217-
this.textAlign = TextAlign.left;
218-
```
219-
220-
3. Applied the dynamic text alignment in the widget tree in line 97 (line 97 before making the above edits) :
225+
```
226+
removeable/bubble_special_three.dart
227+
```
221228

222-
```dart
223-
textAlign: textAlign
224-
```
229+
#### How to Apply Changes
225230

226-
#### Implementation Details
231+
1. Download the edited `bubble_special_three.dart` file.
227232

228-
The changes are made in the `bubble_special_three.dart` file located in the following path:
233+
2. Replace the existing `bubble_special_three.dart` file in your Flutter project with the downloaded file.
229234

230-
```
231-
%LocalAppData%\Pub\Cache\hosted\pub.dev\chat_bubbles-1.5.0\lib\bubbles\bubble_special_three.dart
232-
```
235+
- navigate to:
236+
```
237+
%LocalAppData%\Pub\Cache\hosted\pub.dev\chat_bubbles-1.6.0\lib\bubbles\bubble_special_three.dart
238+
```
239+
- Delete the existing `bubble_special_three.dart` file and replace it with the downloaded file from my repository.
233240
234-
Users can find the modified file in this location and review the changes made for better understanding.
235241
236242
7. Run the app:
237243

0 commit comments

Comments
 (0)