Task Management App

A cross-platform task management application with a Flutter mobile app and a React web dashboard, powered by Firebase backend services.

---

Overview

This project consists of two main components:

• Mobile App: Built with Flutter, allowing users to create, update, and manage their tasks on Android and iOS devices.
• Dashboard: Built with React, providing an administrative interface to monitor and manage tasks, users, and analytics.
• Backend: Firebase services (Authentication, Firestore Database, Cloud Functions) handle user authentication, data storage, and real-time synchronization.

---

Features

Mobile App (Flutter)

• User authentication (sign up, login, logout) via Firebase Auth
• Create, edit, delete tasks
• Mark tasks as completed or pending
• Real-time task updates using Firestore streams
• Notifications/reminders (optional - if implemented)
• Responsive UI for both Android and iOS

Dashboard (React)

• Admin login and authentication
• View all users and their tasks
• Task analytics and filtering
• Manage user roles (optional)
• Responsive design for desktops and tablets

---

Technologies Used

• Flutter - Cross-platform mobile app development
• React - Frontend dashboard web application
• Firebase Authentication - User login and management
• Cloud Firestore - Real-time database for task storage
• Firebase Cloud Functions (optional) - Backend logic and triggers
• Firebase Hosting (optional) - Hosting for the React dashboard

---

Getting Started

Prerequisites

• Flutter SDK installed (Flutter install guide)
• Node.js and npm/yarn installed for React
• Firebase project set up with Authentication and Firestore enabled
• Android Studio/Xcode (for running Flutter apps)

Setup for Mobile App

1. Clone the repo:

   git clone https://github.com/lucy-kevin/Task-Management-App.git
   cd task-management-app/TASK APP

2. Install dependencies:

   flutter pub get

3. Configure Firebase:

   • Download google-services.json (Android) and GoogleService-Info.plist (iOS) from your Firebase project.
   • Place them in the appropriate platform directories (android/app and ios/Runner).

4. Run the app:

   flutter run

---

Setup for Dashboard

1. Navigate to the dashboard folder:

   cd ../Admin_panel

2. Install dependencies:

   npm install
   # or
   yarn install

3. Configure Firebase:

   • Create a .env file or configure Firebase config in your React app.
   • Add Firebase API keys and project identifiers.

4. Start the development server:

   npm start
   # or
   yarn start

---

Folder Structure

/TASK APP      # Flutter app source code
/Admin_panel        # React dashboard source code
/firebase_config        # Firebase Cloud Functions (if applicable)
README.md        # This file

---

Contributing

Contributions are welcome! Please open an issue or submit a pull request for bug fixes or feature requests.

---

License

This project is licensed under the MIT License - see the LICENSE file for details.

---

• Admin email [email protected]
• Admin password: 123456