MENU

Fun & Interesting

Chat App with Flutter, NodeJs, Socket.io, Bloc - Clean Architecture

Flutter Guys 19,687 5 months ago
Video Not Working? Fix It Now

πŸ“„ 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_svg https://pub.dev/packages/flutter_bloc https://pub.dev/packages/get_it https://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: β˜‘οΈ https://www.linkedin.com/in/fabrice-sumsa/ β˜‘οΈ https://www.linkedin.com/in/mahdinazmi/ β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€” πŸ‘¨β€πŸ’» GitHub: β˜‘οΈ https://github.com/Fabrice-Fabio β˜‘οΈ https://github.com/mahdinazmi β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€” ☎️ Contact Us: β˜‘οΈ [email protected] β˜‘οΈ [email protected] β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€” #flutter #fluttertutorial #bloc #cleanarchitecture #nodejs #socketio #typescript

Comment