Data Manager App with APIs 📱

A Flutter application demonstrating CRUD (Create, Read, Update, Delete) operations via HTTP APIs, with a clean, modern user interface. This app uses mock API services to manage and persist data dynamically.

---

🌟 Features

• CRUD Functionality:
  • Add, view, edit, and delete data using API endpoints.
• MockAPI Integration:
  • Data is managed using a mock server, simulating real-world RESTful APIs.
• SnackBar Notifications:
  • Real-time feedback for user actions (e.g., data creation, updates, deletions) with visually distinct colors.
• Modern UI Design:
  • Gradient background, rounded card designs, and intuitive interfaces for a sleek user experience.
• Dynamic Bottom Sheets:
  • Simplified data input and editing using resizable, responsive bottom sheets.
• Multi-Line Inputs:
  • Effortless text input for titles and descriptions, with support for multi-line descriptions.

---

📂 Folder Structure

├── lib │ ├── api_service.dart # Handles API interactions for CRUD operations │ ├── home_screen.dart # Main UI for managing data │ └── main.dart # App entry point

---

🛠️ Technologies Used

• Flutter: Framework for building the UI.
• Dart: Programming language for Flutter.
• HTTP: For RESTful API calls.
• MockAPI: Mock server to simulate backend API endpoints.

---

🚀 Screenshots

Start

###Deleted

Adding

Added

Updating

###Updated

---

🔧 Getting Started

Prerequisites

• Flutter SDK
• IDE with Flutter support (e.g., VS Code, Android Studio)

Installation

1. Clone this repository:

   git clone https://github.com/JarrarShahid/data-manager-app-with-apis.git
   

2. Navigate to the project directory: cd data-manager-app-with-apis

3. Install dependencies: flutter pub get

4. Run the app on an emulator or connected device: flutter run

📋 Usage 1.Launch the app. 2.Use the + button to add new data. 3.Edit or delete existing data using the respective icons. 4.View real-time feedback via SnackBars for each operation.

🤝 Contributing Contributions are welcome! Feel free to fork the repository and submit a pull request.

📧 Contact Jarrar Shahid

LinkedIn: Jarrar Shahid Email: [email protected]

⭐ Acknowledgments Special thanks to the Flutter and MockAPI communities for their fantastic resources and documentation!

📄 License This project is licensed under the MIT License.