Project Organization How to structure a complex Flutter app

Task

Create a directory and file for each screen in the app.

• about
• home
• login
• profile
• quiz
• topics

Provide each file with a Stateless Widget. For example:

import 'package:flutter/material.dart';

class HomeScreen extends StatelessWidget {
  const HomeScreen({ Key? key }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      
    );
  }
}

Project Structure

• login/, quiz/, etc. contains the app’s main UI features or screens.
• shared/ contains the app’s shared UI, like navigation menus and loading indicators.
• services/ contains the app’s shared business logic, like user auth and database code.