Build an Offline First App using Flutter, Node, Bloc, Express, TypeScript, Docker and PostgreSQL!

In this video, we’ll build an offline-first task manager app using Flutter & Node step by step. The user will be able to sign up, log in, and have their logged-in state saved even after closing the app. They can create tasks, view tasks organized by date, and perform all these actions both online and offline. If they’re offline, the app will sync the data automatically with the remote database as soon as they go back online. Source Code: https://github.com/RivaanRanawat/task-manager 📌 Discord Server - https://discord.gg/Q8Rx8YWFVF Resources: Custom Font Link: https://github.com/RivaanRanawat/task-manager/tree/main/frontend/assets/fonts Timestamp: (00:00:00) Introduction (00:01:04) Project Setup & Folder Structure (Flutter Frontend) (00:05:15) Signup Page UI & Form Validation (00:28:16) Login Page UI (00:32:57) Node + Express + TypeScript Backend Setup (00:47:04) Docker - What, Why, How, Building Image & Containerizing Node + Express Env (01:02:50) PostgreSQL + Docker Compose (01:13:01) Docker Volumes - Bind Mount & Anonymous (Nodemon in Docker) (01:15:56) Node + PostgreSQL connection (01:19:14) Auth Router (01:21:58) Signup API Route - Storing User Data using Drizzle ORM (01:50:28) Docker Volumes - Named Volumes (PostgreSQL Persistent Storage) (01:56:01) Login API Route (02:00:45) Auth Router - JWT, Token Validity (02:11:53) Get User Data API, Auth Middleware (02:22:42) Connecting SignUp & Login API to Frontend | Cubit | State Management (02:51:13) Persisting Auth State using Token Validity APIs | Shared Preferences (03:05:04) Debugging Persisting Auth State code (03:07:59) Working of Offline First App (For Authentication) (03:09:51) SQLite + Offline First (03:22:49) Suggestion/Recommendation (03:23:25) Home Page UI (03:56:19) Add New Task Page UI (04:05:50) Task Router | Task Schema | REST API (04:22:56) Connecting Add New Task Route to the Frontend (04:43:27) Connecting Get Tasks Route to the Frontend + Refactoring (04:56:25) showTimePicker (04:57:19) Filtering tasks (05:05:40) Offline First For Tasks (05:16:55) Bug fix for Auth Offline First (05:21:09) Bug fix for Tasks Offline First (05:35:06) Offline First Syncing With Remote DB (05:55:54) Recap of Offline First Application Architecture (06:00:00) Conclusion Connect With Me Here: GitHub: https://github.com/rivaanranawat Linkedin: https://www.linkedin.com/in/rivaan-ranawat Medium: https://namanrivaan.medium.com X: https://x.com/RanawatRivaan Instagram: https://instagram.com/optimalcoding