🎯 A modern, feature-rich Flutter application showcasing clean architecture, state management best practices, and beautiful Material Design. Perfect for learning Flutter development through a real-world, production-quality example.
| Tasks View | Goals View | Profile View |
 |
 |
 |
-
📋 Task Management
- ✅ Create, edit, and delete tasks
- ⏰ Set due dates and priorities
- 📊 Track progress
- 🏷️ Organize with categories and tags
- ✓ Mark tasks as completed
-
📝 Note Taking
- 📖 Rich text editor
- 🎨 Color customization
- 📱 Grid/List view toggle
- 🔍 Search and filter
- 📤 Share functionality
-
🎯 Goal Tracking
- 🚀 Set and track goals
- 📈 Progress monitoring
- 🏆 Achievement system
- 📅 Milestone tracking
- 🔄 Convert goals to achievements
-
👤 Profile Management
- 🌓 Dark/Light theme
- 📊 Activity statistics
- ⭐ Favorite categories
- 🎨 UI customization
This project demonstrates:
- 🏗️ Clean Architecture in Flutter
- 🔄 State Management with Provider
- 💾 Local Data Persistence
- 🎨 Modern UI/UX Design
- 🧪 Code Organization
- 📱 Responsive Design
This project follows a clean, maintainable architecture that separates concerns and promotes scalability:
graph TD
A[Pages] --> B[Providers]
B --> C[Services]
B --> D[Models]
C --> D
subgraph UI Layer
A
end
subgraph Business Logic
B
end
subgraph Data Layer
C
D
end
lib/
├── models/ # Data structures
│ ├── task.dart # Task model
│ ├── note.dart # Note model
│ ├── goal.dart # Goal model
│ └── profile.dart # User profile model
│
├── providers/ # State management
│ ├── task_provider.dart # Task state & logic
│ ├── note_provider.dart # Note state & logic
│ ├── goal_provider.dart # Goal state & logic
│ └── theme_provider.dart # Theme state & logic
│
├── pages/ # UI screens
│ ├── tasks_page.dart # Task management
│ ├── notes_page.dart # Note management
│ ├── goals_page.dart # Goal tracking
│ └── profile_page.dart # User profile
│
├── services/ # Business logic & data handling
│ ├── storage_service.dart # Data persistence
│ └── file_service.dart # File operations
│
└── main.dart # App entry point & configuration
-
UI Layer (Pages)
- Handles user interactions
- Displays data using widgets
- Communicates with Providers
-
State Management (Providers)
- Manages application state
- Handles business logic
- Coordinates between UI and Services
-
Services Layer
- Handles data persistence
- Manages file operations
- Implements business rules
-
Data Layer (Models)
- Defines data structures
- Implements data validation
- Handles data serialization
graph LR
A[UI Components] --> B[Provider]
B --> C[Services]
C --> D[Local Storage]
C --> E[File System]
style A fill:#f9f,stroke:#333,stroke-width:2px
style B fill:#bbf,stroke:#333,stroke-width:2px
style C fill:#dfd,stroke:#333,stroke-width:2px
The app uses Provider pattern for state management:
- Centralized state handling
- Reactive UI updates
- Efficient data propagation
- Clean separation of concerns
- 📱 Flutter SDK (>=3.0.0)
- ☕ Dart SDK (>=3.0.0)
- Clone the repo:
git clone git@github.com:HappyFox001/organizer.git- Get packages:
flutter pub get- Run the app:
flutter run- 📱 Flutter - UI Framework
- 🔄 Provider - State Management
- 💾 Shared Preferences - Local Storage
- 🎨 Google Fonts - Typography
- 📸 Image Picker - Media Selection
- 🔗 URL Launcher - External Links
- 🍴 Fork the Project
- 🔧 Create your Feature Branch
- 💾 Commit your Changes
- 📤 Push to the Branch
- 🔀 Open a Pull Request
MIT License - feel free to use this project as a template! 🎉
© 2025 Qian Zhang
- 💙 Flutter Team
- 👥 Open Source Community
- 🌟 All Contributors
Happy Coding! 💻