profile

Mohammed Elwakil 👋

A Passionate Flutter Mobile App Developer 📱& Front-End Developer having 1 years of Experiences

Book A call

ToDo App


project-details-1

Overview

A beautiful, modern to-do list application built with Flutter, featuring a stunning glass morphism UI design inspired by iOS aesthetics with persistent data storage.

🎨 Features
  • Add Tasks - Easily create new to-do items
  • Toggle Completion - Tap any task to mark it as complete/incomplete
  • Swipe to Delete - Swipe left on tasks to remove them
  • Persistent Storage - All tasks are saved automatically using SharedPreferences
  • Glass Morphism UI - Beautiful frosted glass effect with backdrop blur
  • Gradient Design - Stunning purple-to-pink gradient background
  • Smooth Animations - Engaging tap and swipe animations
  • iOS-Inspired - Clean, modern interface following iOS design principles
🖼️ UI Highlights
  • Glass Containers - Frosted glass effect with blur and transparency
  • Glowing Buttons - Neon-style cyan gradient buttons with shadows
  • Animated Checkboxes - Smooth gradient fill animations on completion
  • Swipe Gestures - Red gradient reveal on swipe-to-delete
  • Empty State - Beautiful placeholder when no tasks exist
  • Task Counter - Real-time count of remaining tasks
💡 How to Use
  • Add a Task
    • Type your task in the glossy input field
    • Tap the glowing blue "+" button or press Enter
    • Task appears at the top of the list
  • Complete a Task
    • Tap on any task to mark it as complete
    • The checkbox fills with a cyan gradient
    • Text shows a strikethrough effect
  • Delete a Task
    • Swipe left on any task
    • Red gradient background reveals
    • Release to delete the task
  • Persistent Data
    • All changes are automatically saved
    • Close and reopen the app - your tasks remain!
🎯 Technical Details

Data Persistence:

The app uses SharedPreferences for local data storage:

  • TodoItems are serialized to JSON format
  • Automatically saves after every add/edit/delete operation
  • Loads saved data when the app starts
  • No backend or internet connection required

banner-shape-1
banner-shape-1
object-3d-1
object-3d-2