Mobile App Dev with Flutter

Topics:

• Introduction to Flutter & how it differs from native development
• Setting up Flutter and using VS Code / Android Studio
• Understanding Flutter widgets & layout building
• Navigation between screens
• Introduction to the widget tree and basic animations
•  

AI Tools Support:

• Cursor AI / Windsurf: Help write and refactor UI code
• ChatGPT (inside IDE): Explain widget usage and layout errors

Class Tasks:

• Build your first screen using custom widgets
• Add navigation between two screens
• Use basic animations (e.g., button transitions)

TA Session (Friday):

• Recap widget trees, layout tips, and help with UI design

Mini Project:
Expense Tracker App (v1) – Add expenses with categories, amount inputs, and simple navigation

Topics:

• Introduction to app state and when to use it
  
• Using Provider and GetX for managing app state
  
• Screen transitions with Hero & animation widgets
  
• Performance best practices and using Flutter DevTools
  

AI Tools Support:

• Cursor AI / Windsurf: Suggest state patterns and code refactor
  
•  

Class Tasks:

• Apply Provider or GetX to manage your expense list
  
• Add animated screen transitions
  
• Use DevTools to monitor and fix performance issues
  
•  

TA Session (Friday):

• Help setting up state management & solving performance bugs
  

Mini Project:
Expense Tracker App (v2) – State-managed app with category filters and animated transitions

Topics:

• Fetching data from APIs using Dio or Http
  
• Parsing JSON and building data models
  
• Error handling with try-catch and fallback UIs
  
• Local data storage with sqflite or Drift

AI Tools Support:

• Cursor AI / Windsurf: Help with API calls, model generation, and debugging
  

Class Tasks:

• Connect to a public API and display fetched data
• Parse JSON responses and handle errors gracefully
  
• Save data offline using SQLite or Drift
  

TA Session (Friday):

• Support for API integration and local database setup
  

Mini Project:
Expense Tracker App (v3) – Save expenses locally, sync with a mock API, and show summaries

Topics:

• • Integrating device features using Flutter plugins:
    

• File Picker (file_picker) – select documents/receipts

• Push Notifications (firebase_messaging or flutter_local_notifications)
  

• File Sharing (share_plus) – share expense summaries or reports
  

• Writing unit tests for Dart functions and business logic
  
• Final polish: splash screen, app icon, and finishing touches
  
• Preparing your app for GitHub (README, documentation)
  
• Optional: Intro to Play Store/App Store publishing (APK creation)

   

AI Tools Support:

• Cursor AI / Windsurf: Integrate file features and write tests

   

Class Tasks:

• Implement at least one device feature (file picker, notifications, or file sharing)
  
• Write unit tests for logic like total expense calculations
  
• Customize splash screen & app icon
  
• Create README and push project to GitHub

   

TA Session (Friday):

• Final app review, unit testing walkthrough, and demo preparation

   

Final Project:
Expense Tracker App (v4) – Complete with:

• Income & expense tracking
  
• Offline storage and optional cloud sync
  
• File picker for receipts
  
• Push notifications
  
• File sharing for reports
  
• Unit tested logic
  

Each Week:

• Mini project
  
• Code pushed to GitHub
  
• Short Loom-style video explaining your app
  
• Peer feedback
  

Final Week:

• Final app demo
  
• README and documentation (Using AI support)