🚀 Authentication Flow Demo – Flutter + Node.js + MongoDB 💻📱
Just wrapped up the authentication flow for an app I’m working on!
Built with:
🔹 Frontend: Flutter + Bloc + Dependency Injection
🔹 Backend: Node.js (TypeScript) + Express + MongoDB
🔹 Auth: OTP via email + JWT token-based session
🔐
Here’s how the flow works:
1. User enters email → gets verification code
2. User pastes code → API validates OTP
3. ✅ If existing user, it logs them in directly
4. 🆕 If new user, they choose a username (real-time availability check + suggestions)
5. Username saved → API returns access token
6. Authenticated → Navigated to Home Screen
🧠 App Architecture (Clean Architecture):
📁 lib/
→ core/
→ features/auth/
• data: datasources, models, repositories
• domain: entities, usecases, repository contract
• presentation: cubits, views, widgets
🧠 API Folder Structure:
📁 src/
→ controllers, routes, middleware, helpers, models, types
→ app.ts, server.ts
This project follows Object-Oriented Programming principles and clean separation of concerns.
Let me know what you think or drop suggestions! 🔥
#Flutter #NodeJS #MongoDB #Authentication #CleanArchitecture #MobileApp #DevBuild #SoftwareEngineer #CodeWithDee #UIDesign #Programming #Bloc #DependencyInjection #FlutterDev
Видео 🚀 Authentication Flow Demo – Flutter + Node.js + MongoDB 💻📱 канала Code With Dee💻🚀
Built with:
🔹 Frontend: Flutter + Bloc + Dependency Injection
🔹 Backend: Node.js (TypeScript) + Express + MongoDB
🔹 Auth: OTP via email + JWT token-based session
🔐
Here’s how the flow works:
1. User enters email → gets verification code
2. User pastes code → API validates OTP
3. ✅ If existing user, it logs them in directly
4. 🆕 If new user, they choose a username (real-time availability check + suggestions)
5. Username saved → API returns access token
6. Authenticated → Navigated to Home Screen
🧠 App Architecture (Clean Architecture):
📁 lib/
→ core/
→ features/auth/
• data: datasources, models, repositories
• domain: entities, usecases, repository contract
• presentation: cubits, views, widgets
🧠 API Folder Structure:
📁 src/
→ controllers, routes, middleware, helpers, models, types
→ app.ts, server.ts
This project follows Object-Oriented Programming principles and clean separation of concerns.
Let me know what you think or drop suggestions! 🔥
#Flutter #NodeJS #MongoDB #Authentication #CleanArchitecture #MobileApp #DevBuild #SoftwareEngineer #CodeWithDee #UIDesign #Programming #Bloc #DependencyInjection #FlutterDev
Видео 🚀 Authentication Flow Demo – Flutter + Node.js + MongoDB 💻📱 канала Code With Dee💻🚀
Комментарии отсутствуют
Информация о видео
16 июля 2025 г. 20:09:20
00:02:09
Другие видео канала