{"id":28754658,"url":"https://github.com/ngatiah/task-management-system","last_synced_at":"2026-04-11T02:48:42.436Z","repository":{"id":299200349,"uuid":"1002331221","full_name":"Ngatiah/Task-Management-System","owner":"Ngatiah","description":"A fully functional task management (to-do) application where users can add, edit, delete, and prioritize tasks. Built with React and powered by Firebase Authentication and Realtime Database, this app demonstrates practical CRUD operations, state management, and session handling.","archived":false,"fork":false,"pushed_at":"2025-06-26T20:56:49.000Z","size":141,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-26T22:07:39.387Z","etag":null,"topics":["bootstrap","firebase-auth","firebase-database","rad","react-vite","sweetalert2","tailwindcss"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Ngatiah.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-06-15T08:28:19.000Z","updated_at":"2025-06-26T20:56:53.000Z","dependencies_parsed_at":"2025-06-21T20:46:28.122Z","dependency_job_id":null,"html_url":"https://github.com/Ngatiah/Task-Management-System","commit_stats":null,"previous_names":["ngatiah/task-management-system"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Ngatiah/Task-Management-System","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ngatiah%2FTask-Management-System","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ngatiah%2FTask-Management-System/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ngatiah%2FTask-Management-System/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ngatiah%2FTask-Management-System/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ngatiah","download_url":"https://codeload.github.com/Ngatiah/Task-Management-System/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ngatiah%2FTask-Management-System/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266567640,"owners_count":23949391,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-22T02:00:09.085Z","response_time":66,"last_error":null,"robots_txt_status":null,"robots_txt_updated_at":null,"robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","firebase-auth","firebase-database","rad","react-vite","sweetalert2","tailwindcss"],"created_at":"2025-06-17T01:11:16.553Z","updated_at":"2026-04-11T02:48:42.430Z","avatar_url":"https://github.com/Ngatiah.png","language":"JavaScript","readme":"```markdown\n---\n# 📝 Task Management System – Firebase-Powered To-Do App\n\nA fully functional task management (to-do) application** where users can add, edit, delete,\nand prioritize tasks.\n\nBuilt with React and powered by Firebase Authentication and Realtime Database,\nthis app demonstrates practical CRUD operations, state management, and session handling.\n\n---\n\n## 🚀 Live Demo\n\nComing soon (Deploy via Vercel or Firebase Hosting)\n\n---\n\n## 📌 Features\n\nThis Task Management System offers a comprehensive set of features to keep you organized:\n\n* **User Authentication**: Secure login via Google,Facebook and Email/Password using Firebase Auth.\n* **Task Management**:\n    * Create, Read, Update, and Delete (CRUD) tasks.\n    * Prioritize tasks with high, medium, and low labels.\n    * Categorize tasks (e.g., Work, Personal, Study).\n    * Set due dates for tasks.\n    * View all tasks per user session.\n* **User Interface**:\n    * Responsive and intuitive UI with dynamic styling.\n    * Category image mapping for a richer experience.\n* **Session Handling**:\n    * Session persistence, meaning your login state is retained.\n\n---\n\n## 🛠️ Tech Stack\n\n| Tech                   | Role                                    |\n| :--------------------- | :-------------------------------------- |\n| **React** | Frontend UI + State Management          |\n| **Tailwind CSS** | Styling and layout                      |\n| **Radix UI** | Styling and layout                      |\n| **Firebase Auth** | Google \u0026 Facebook login \u0026 session management       |\n| **Firebase Realtime DB** | Task storage (CRUD backend)             |\n| **Vite** | Frontend tooling and build system       |\n\n---\n\n## 🔐 Security\n\nWe've prioritized your data's security:\n\n* **User sessions** are securely handled via Firebase Authentication.\n* **Data is scoped** to individual authenticated users (`/tasks/{userId}`).\n\n---\n\n## 📚 Learning Outcomes\n\nBy building and exploring this project, you'll gain hands-on experience with:\n\n* **Full CRUD operations** for real-world applications.\n* **Task organization** by priority and category, crucial for effective task management.\n* **React hooks and state management** for building dynamic user interfaces.\n* **Secure login** with Firebase Authentication.\n* **Firebase Realtime DB** read/write operations for dynamic data handling.\n* **Routing and protected routes** (optional implementation for advanced navigation).\n* **Deployment** with Vercel or Firebase Hosting, preparing you for production.\n\n---\n\n## 🧪 How to Run Locally\n\nGet this app up and running on your local machine in just a few steps:\n\n1.  **Clone the repository**:\n    ```bash\n    git clone https://github.com/Ngatiah/Task-Management-System.git\n    cd Task-Management-System\n    ```\n\n2.  **Install dependencies** (choose your preferred package manager):\n    ```bash\n    yarn\n    # OR\n    npm install\n    ```\n\n3.  **Configure Firebase**:\n    Create a `.env` file at the root of your project and add your Firebase configuration details:\n\n    ```env\n    VITE_FIREBASE_API_KEY=your_key\n    VITE_FIREBASE_AUTH_DOMAIN=your_project.firebaseapp.com\n    VITE_FIREBASE_PROJECT_ID=your_project_id\n    VITE_FIREBASE_DATABASE_URL=https://your_project.firebaseio.com\n    VITE_FIREBASE_STORAGE_BUCKET=your_project.appspot.com\n    VITE_FIREBASE_MESSAGING_SENDER_ID=your_sender_id\n    VITE_FIREBASE_APP_ID=your_app_id\n    ```\n\n4.  **Start the app** (choose your preferred package manager):\n    ```bash\n    yarn dev\n    # OR\n    npm run dev\n    ```\n\n---\n\n🛠️ Built with instinct, curiosity, and a love for React + Firebase.\n---\n\n## 📦 Deployment\n\nYou can easily deploy this application using:\n\n* **Firebase Hosting**\n* **Vercel**\n\n---\n\n![Visitors](https://visitor-badge.glitch.me/badge?page_id=Ngatiah.Task-Management-System)\n\n# React + Vite \n\nThis template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.\n\nCurrently, two official plugins are available:\n\n- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh\n- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh\n\n## Expanding the ESLint configuration\n\nIf you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fngatiah%2Ftask-management-system","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fngatiah%2Ftask-management-system","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fngatiah%2Ftask-management-system/lists"}