Skip to content

Built with Flutter and GetX, featuring a stunning UI, smooth animations, and powerful task management capabilities.

Notifications You must be signed in to change notification settings

Demo7Vlizer/ToDo_API

Repository files navigation

Typing SVG

Flutter Version Dart Version GetX Version License

App Demo

🌟 A Modern Todo App with Beautiful UI...🌟

Built with Flutter and GetX, featuring a stunning UI, smooth animations, and powerful task management capabilities.


✨ Key Features


Task Management

Calendar Integration

Beautiful Animations
🎯 Detailed Features

Core Functionality

  • ✅ Create, Read, Update, Delete tasks
  • 📅 Calendar-based task organization
  • 🔄 Real-time updates with GetX
  • 💫 Smooth loading animations
  • ✨ Beautiful UI components
  • 📱 Responsive design
  • 🌙 Task completion tracking

Technical Features

  • 🔐 State management with GetX
  • 📡 RESTful API integration
  • 🎨 Custom UI components
  • 🔄 Loading state management

📱 App Showcase

Task List
Task Management
Add Task
Add New Tasks
Calendar View
File Structure..

🏗️ Project Architecture

📂 Project Structure
lib/
├── 📱 api_examples/        # API integration layer
├── 🎨 components/         # Reusable UI components
│   ├── dialogs/         # Custom dialogs
│   ├── loading/        # Loading animations
│   └── widgets/       # Shared widgets
├── 🎮 controllers/     # GetX controllers
├── 📦 models/         # Data models
├── 🖼️ screens/       # App screens
└── 📍 main.dart     # Entry point

🚀 Quick Start

📥 Installation Steps
  1. Clone the repository
git clone https://github.com/yourusername/flutter-todo-app.git
  1. Navigate to project directory
cd flutter-todo-app
  1. Install dependencies
flutter pub get
  1. Run the app
flutter run

💻 Technical Implementation

📡 API Integration
// API Configuration
final String baseUrl = 'https://679c68d087618946e65216b3.mockapi.io/api/todolist';

// Available EndpointsGET    /todos     # Fetch all todos
✓ POST   /todos     # Create new todo
✓ PUT    /todos/:id # Update todo
✓ DELETE /todos/:id # Remove todo
📦 State Management

GetX Implementation

class TodoController extends GetxController {
  // Reactive State
  final todos = <TodoModel>[].obs;
  final isLoading = false.obs;

  // State Management
  void updateTodos() => todos.refresh();
  
  // Loading State
  void toggleLoading() => isLoading.toggle();
}

🤝 Contributing

We welcome contributions! Feel free to:

  • 🐛 Report bugs
  • 💡 Suggest features
  • 🔧 Submit PRs
Typing SVG

About

Built with Flutter and GetX, featuring a stunning UI, smooth animations, and powerful task management capabilities.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published