📄 In this video, we’ll build a Chat App - Wori, a cutting-edge chat application designed to revolutionize how you connect and communicate. With a strong focus on clean architecture principles, BLoC (Business Logic Component) for state management, and seamless API integration with our own NodeJs api, we’ll take you through the entire process of creating a modern messaging app.
This tutorial covers everything from setting up the project to implementing key features like managing contacts, enabling real-time messaging with Socket.IO and NodeJs(Ts), and integrating AI-powered daily conversation questions using OpenAI. You’ll also learn how to craft an intuitive and user-friendly UI that ensures a delightful experience for your users.
Whether you’re a beginner or an experienced developer looking to strengthen your skills, this video will guide you step by step in building the Wori App while mastering clean architecture and advanced Flutter techniques. Let’s build something amazing together!
———————————
📒 Source Code(Flutter+NodeJs):
☑️ https://devbranch.dev/
———————————
DO YOU HAVE ANY QUESTION ? JOIN THE COMMUNITY
🤝 Telegram Community
☑️ https://t.me/flutterguysgp
———————————
📚 Packages :
https://pub.dev/packages/flutter_svghttps://pub.dev/packages/flutter_blochttps://pub.dev/packages/get_ithttps://pub.dev/packages/dio
———————————
⏳ TIMESTAMPS :
00:00:00 Intro
00:01:41 Install packages - Flutter
00:04:52 Conversation Page Ui - Flutter
00:27:35 Chat Page Ui - Flutter
00:43:57 Register & Login Page UI - Flutter
01:03:42 Init backend - NodeJs/Ts
01:09:37 Register & Login with Postgresql - NodeJs/Ts
01:40:54 Register & Login - Api with Flutter
03:03:34 Conversation Routes - NodeJs/Ts
03:26:58 Conversation Api with Flutter
04:26:37 Messages Routes - Socket.io
04:47:50 Chat App - Socket Io with Flutter
06:00:05 Demo Chat btw users
06:22:18 Contacts Routes - NodeJs/Ts
06:42:55 Contacts Page Ui - Flutter
08:30:42 Integrate OpenAi for Daily quiz - NodeJs
08:39:47 Add Cron Job - NodeJs
10:47:40 GetIt - dependency injection
11:06:02 Deploy on Devbranch.dev
———————————
📝 Linkedin:
☑️ / fabrice-sumsa
☑️ / mahdinazmi
———————————
👨💻 GitHub:
☑️ https://github.com/Fabrice-Fabio
☑️ https://github.com/mahdinazmi
———————————
☎️ Contact Us:
☑️ sumsa.fabrice@gmail.com
☑️ mahdiforwork@gmail.com
———————————
#flutter #fluttertutorial #bloc #cleanarchitecture #nodejs #socketio #typescript