https://github.com/DevStack06/Whatsapp-Clone-Flutter
The Repository of Chat App development UI PART using Flutter (Youtube Series)
https://github.com/DevStack06/Whatsapp-Clone-Flutter
chatapp flutter flutter-apps flutter-chat flutter-chat-app flutter-socketio flutter-whatsapp flutter-whatsapp-clone nodejs socket-io whatsapp-clone whatsapp-flutter
Last synced: 5 months ago
JSON representation
The Repository of Chat App development UI PART using Flutter (Youtube Series)
- Host: GitHub
- URL: https://github.com/DevStack06/Whatsapp-Clone-Flutter
- Owner: DevStack06
- License: bsd-3-clause
- Created: 2020-12-18T06:17:19.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-03-16T13:24:14.000Z (about 1 year ago)
- Last Synced: 2024-11-21T21:21:44.396Z (5 months ago)
- Topics: chatapp, flutter, flutter-apps, flutter-chat, flutter-chat-app, flutter-socketio, flutter-whatsapp, flutter-whatsapp-clone, nodejs, socket-io, whatsapp-clone, whatsapp-flutter
- Language: Dart
- Homepage: https://youtube.com/playlist?list=PLtIU0BH0pkKrgqaT-9JSrRRyetkVEkDn6
- Size: 5.24 MB
- Stars: 544
- Watchers: 13
- Forks: 233
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
### Chat App Development Front-End and Back-End using Flutter, SocketIo, and NodeJS. (Limited code)
( You can buy the full source code of tutorial in $30 (mail me):
[email protected]
)
In this full tutrial source code you will get:
- One to one chatting
- One to one file sharing
- All the basic UI of whatsapp
- Camera and Video integration
- Socket Integration
Things are not there yet:
- Database integration
- Group chat functionality
- Calling and Voice features
**Please note in $30 you will going to get the full tutorial code, which I have covered in youtube, It is just a tutorial code not real whatsapp code**
### Playlist for Chat App Development series -:
| Playlist Name | | YouTube Playlist Link |
| ----------------------------------------------------------- | --- | ---------------------------------------------------------------------------- |
| Chat App Development (Main Playlist) | | [Link](https://youtube.com/playlist?list=PLtIU0BH0pkKovuEaNsrGE_Xd5Tz3m1zeC) |
| Chat App Development (Only Front-End using Flutter) | | [Link](https://youtube.com/playlist?list=PLtIU0BH0pkKrgqaT-9JSrRRyetkVEkDn6) |
| Chat Server Development (Only Back-End using Node/SocketIo) | | [Link](https://youtube.com/playlist?list=PLtIU0BH0pkKqKm88PUSRWiKsZ50ztsITv) |
### Some Screenshots of this series
1. Landing Page
2. Login Page
3. Login Page with Alert
4. OTP Screen
5. Country Page
6. Home page
7. Chat page
8. Camera Page
9. Status Page
10. PopUp Menu Item
11. Emoji Picker
12. Create Group Page
13. Select Contact Page
14.View Image/Video Page
### Some Other playlist
| Playlist Name | | YouTube Playlist Link |
| -------------------------------------------------------------------- | --- | ------------------------------------------------------------------------------------------- |
| Flutter model class series, for Rest API connection and JSON parsing | | [Link](https://www.youtube.com/playlist?list=PLtIU0BH0pkKpXE-1vC7NswofFPby1OYh-) |
| Flutter Basic series | | [link](https://www.youtube.com/playlist?list=PLtIU0BH0pkKrk8C7KToFeRSVTi2CLpFTG) |
| Blog App Development (Main Playlist) | | [Link](https://youtube.com/playlist?list=PLtIU0BH0pkKoE2PBvgbHEBPAP-sd670VI) |
| Blog App Development (Only Front-End using Flutter) | | [Link](https://www.youtube.com/watch?v=6VCLeHRnixg&list=PLtIU0BH0pkKpitsp5jzt-yDAoXAFBkcPb) |
| Blog App Development (Only Back-End using Node/ExpressJs) | | [Link](https://www.youtube.com/watch?v=T35T8nzyRDI&list=PLtIU0BH0pkKqypuOtDhcXZ4oATJfji49r) |
### **_If this tutorial helped you please give a star and also fork the repo, Thank you happy coding :)_**
### To use this app follow below instructions-:
1. Clone this app using below syntax -:
> git clone https://github.com/DevStack06/Whatsapp-Clone-Flutter.git
2. After cloning install packages using below syntax -:
> flutter pub get
Above command will install all the neccery packges.
3. Run the app on your mobile using below command -:
> flutter run