Flutter Tasks App — Modern Tasks Application

A beautiful, modern, and highly functional task management application built with Flutter. Inspired by the clean aesthetics of iOS and Google Tasks, featuring a modular architecture and adaptive design.

Key Features

• Modern iOS-Inspired UI: Clean, card-based layout with "squircle" containers (12px radius) and subtle shadows.
• Adaptive Theming: Full support for System Light and Dark modes with curated color palettes.
• Detailed Task Management:
  • Inline editing for task titles and notes.
  • Multi-list support with easy migration between lists.
  • Deadline and Date/Time pickers.
  • Star/Priority system with a dynamic "Favorites" list.
• Smart Favorites: A dedicated "Favorites" list that automatically aggregates starred tasks from all your lists.
• Clean Architecture: Refactored modular codebase for better maintainability and scalability.

Tech Stack

• Framework: Flutter
• State Management: flutter_bloc + equatable
• Utils: uuid (Unique IDs), intl (Date Formatting)
• Design: Material 3 with Custom Vanilla CSS-inspired themes.

Project Structure

The project follows a modular "Feature-based" structure:

lib/
├── app.dart                           # Entry point, Theme config, BlocProvider
├── core/
│   └── theme/theme.dart               # Light/Dark theme tokens (12px iOS style)
├── features/
│   └── presentation/
│       ├── bloc/task_bloc.dart        # Business logic (Events, States, Handlers)
│       ├── screens/
│       │   ├── home_screen.dart       # Main Dashboard with TabBar
│       │   └── task_detail_screen.dart # Full-screen task editing
│       └── widgets/
│           ├── task_tile.dart         # Individual task list items
│           ├── task_list_view.dart    # Grouped task containers (Active/Completed)
│           ├── custom_tab_bar.dart    # Horizontal list navigation
│           └── bottom_sheets.dart     # Modal editors for tasks/lists
└── main.dart                          # App bootstrap

Setup & Installation

1. Install dependencies

flutter pub get

2. Run the app

flutter run

Recent Updates

• UI Refactor: Switched from simple list views to card-based layouts for better visual separation.
• Detail Screen: Implemented a comprehensive task detail view with inline editing.
• Architecture: Moved from a monolithic app.dart to a clean, component-based directory structure.
• Theming: Unified border radii and color schemes across all screens and modal sheets.

---

Built with ❤️ by Mouad El Ouichouani