Step into a world where creativity meets organization! Join Mobo, a brilliant inventor, as he transforms his chaotic workshop into a masterpiece of productivity using a magical digital interface. This inspiring tale explores the power of focus, the beauty of a clear plan, and the satisfaction of bringing big ideas to life.
Mobo stood in the center of his workshop, surrounded by floating blueprints and glowing gears that hummed with unfinished ideas. The air was filled with the soft static of creative energy, but everything was in a bit of a mess, with papers flying everywhere.
With a flick of his wrist, Mobo summoned a massive, translucent screen that shimmered like a digital lake in the middle of the room. This was his Project List, the magical place where all his grand inventions would finally find their home.
He began to sort his tasks into neat columns on a magical Kanban board, sliding glowing cards from one section to another. Each card clicked into place with a satisfying chime, instantly bringing order to the workshop's chaotic atmosphere.
Mobo peered into a floating search bar, typing in the name of a long-lost dream he had almost forgotten. As the letters appeared, the board filtered through hundreds of projects until only the rare Golden Cog blueprint remained visible.
As the sun set outside his window, Mobo tapped a small icon, and the entire interface shifted into a soothing Dark Mode. The bright white light turned into a deep midnight blue, making the neon text glow like stars in the night sky.
He noticed his own reflection in a small circular avatar at the corner of the screen, a reminder of his identity as a builder. He felt a surge of pride seeing his profile, knowing he was the captain of this digital ship.
Suddenly, a brilliant new idea struck him like a bolt of lightning, and he pressed a bright red floating button. A new task card appeared instantly, pulsing with a vibrant light that signaled it was time to start a brand-new adventure.
When the screen felt a little too crowded with old information, Mobo reached up and pulled down on the list with a firm tug. A refreshing wave of energy washed over the board, updating every detail and making the data sparkle with newfound clarity.
He looked over the different company folders, selecting the one that held his team's collaborative secrets. It was amazing to see how everyone’s work fit together like pieces of a giant, intricate puzzle on the screen.
With his projects organized and his path clear, Mobo leaned back with a satisfied smile. The workshop was quiet and orderly now, and he knew exactly what he needed to build next to change the world.
import 'package:flutter/material.dart'; import 'package:hugeicons/hugeicons.dart'; import 'package:lottie/lottie.dart'; import 'package:provider/provider.dart'; import 'package:shimmer/shimmer.dart'; import 'package:mobo_project/base_app/features/company/widgets/company_selector_widget.dart'; import 'package:mobo_project/base_app/features/profile/pages/profile_screen.dart'; import 'package:mobo_project/base_app/features/profile/providers/profile_provider.dart'; import 'package:mobo_project/base_app/core/routing/page_transition.dart'; import 'package:mobo_project/core/utils/constants/color_constants.dart'; import 'package:mobo_project/core/widgets/custom_kanban_board.dart'; import '../../../base_app/core/const/app_colors.dart' as AppTheme; import '../model/project_model.dart'; import '../provider/project_provider.dart'; import '../widgets/project_kanban_tile.dart'; import 'project_detail_screen.dart'; import 'task_edit_screen.dart'; class ProjectListScreen extends StatefulWidget { const ProjectListScreen({super.key}); @override State<ProjectListScreen> createState() => _ProjectListScreenState(); } class _ProjectListScreenState extends State<ProjectListScreen> { bool _isKanbanView = true; final TextEditingController _searchController = TextEditingController(); @override void initState() { super.initState(); WidgetsBinding.instance.addPostFrameCallback((_) { context.read<ProjectProvider>().fetchProjects(); context.read<ProfileProvider>().fetchUserProfile(); }); } @override void dispose() { _searchController.dispose(); super.dispose(); } @override Widget build(BuildContext context) { final isDark = Theme.of(context).brightness == Brightness.dark; final projectProvider = context.watch<ProjectProvider>(); return Scaffold( appBar: AppBar( automaticallyImplyLeading: false, centerTitle: false, title: Text( 'Projects', style: TextStyle( fontWeight: FontWeight.bold, color: isDark ? Colors.white : Colors.black, fontSize: 23, ), ), actions: [ const CompanySelectorWidget(), IconButton( icon: Consumer<ProfileProvider>( builder: (context, profile, _) { if (profile.userAvatar != null) { return CircleAvatar( radius: 14, backgroundImage: MemoryImage(profile.userAvatar!), ); } return const HugeIcon( icon: HugeIcons.strokeRoundedUserCircle, color: ColorConstants.mainBlack, size: 24, ); }, ), onPressed: () { Navigator.push( context, dynamicRoute(context, const ProfileScreen()), ); }, ), const SizedBox(width: 8), ], ), floatingActionButton: FloatingActionButton( onPressed: () async { final result = await Navigator.push( context, MaterialPageRoute(builder: (context) => TaskEditScreen()), ); if (result == true) { if (context.mounted) { context.read<ProjectProvider>().fetchProjects(forceRefresh: true); } } }, backgroundColor: ColorConstants.primaryRed, child: const Icon(Icons.add_task, color: Colors.white), ), body: Stack( children: [ RefreshIndicator( onRefresh: () => context.read<ProjectProvider>().fetchProjects( forceRefresh: true, ), color: ColorConstants.primaryRed, child: Padding( padding: const EdgeInsets.all(16.0), child: Column( children: [ _buildHeader(isDark, projectProvider), SizedBox(height: 10), Expanded( child: _isKanbanView ? _buildKanbanView(projectProvider, isDark) : _buildBody(projectProvider, isDark), ), ], ), ), ), ], ), ); } List<ProjectModel> _getFilteredProjects(List<ProjectModel> projects) { final query = _searchController.text.toLowerCase(); if (query.isEmpty) return projects; return projects.where((project) { return project.displayName.toLowerCase().contains(query) || (project.partnerName?.toLowerCase().contains(query) ?? false); }).toList(); } String _getPageRange(int page, int perPage, int total) { int start = page * perPage + 1; int end = (page + 1) * perPage; if (end > total) { end = total; } if (total == 0) { return "0-0"; } return "$start-$end"; } Widget _buildHeader(bool i
