{"id":25861363,"url":"https://github.com/ssmahim01/task-management-with-react","last_synced_at":"2026-06-02T21:32:31.110Z","repository":{"id":278536708,"uuid":"935925283","full_name":"ssmahim01/Task-Management-With-React","owner":"ssmahim01","description":"The frontend of the TaskFlow application allows users to add tasks, reorder tasks between categories, and manage tasks by editing or deleting them. User data is fetched dynamically.","archived":false,"fork":false,"pushed_at":"2026-03-22T22:32:25.000Z","size":474,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-03-23T16:29:01.461Z","etag":null,"topics":["daisy-ui","firebase","reactjs","reactrouter","tailwind-css","vercel-deployment","vite"],"latest_commit_sha":null,"homepage":"https://task-flow-25.web.app","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/ssmahim01.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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-02-20T08:43:17.000Z","updated_at":"2026-03-22T22:32:29.000Z","dependencies_parsed_at":"2025-02-20T10:40:02.310Z","dependency_job_id":null,"html_url":"https://github.com/ssmahim01/Task-Management-With-React","commit_stats":null,"previous_names":["ssmahim01/task-management-with-react"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ssmahim01/Task-Management-With-React","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ssmahim01%2FTask-Management-With-React","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ssmahim01%2FTask-Management-With-React/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ssmahim01%2FTask-Management-With-React/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ssmahim01%2FTask-Management-With-React/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ssmahim01","download_url":"https://codeload.github.com/ssmahim01/Task-Management-With-React/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ssmahim01%2FTask-Management-With-React/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33838215,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-02T02:00:07.132Z","response_time":109,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","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":["daisy-ui","firebase","reactjs","reactrouter","tailwind-css","vercel-deployment","vite"],"created_at":"2025-03-01T23:34:53.817Z","updated_at":"2026-06-02T21:32:31.094Z","avatar_url":"https://github.com/ssmahim01.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003cimg width=\"100%\" height=\"340\" src=\"/public/task-flow.png\"  /\u003e\n\u003c/div\u003e\n\n---\n\n# 👨‍💼 TaskFlow - Task Management System\n\n## 📝 Short Description\nTaskFlow is a simple and efficient task management system designed to help users organize, track, and manage their tasks with ease. Users can create, update, delete, and categorize their tasks dynamically, ensuring smooth workflow management.\n\n---\n\n## 🚀 Live Demo\n🔗 [TaskFlow Live on Vercel](https://my-task-flow-management.vercel.app)\n\u003cbr\u003e\n🔗 [TaskFlow Live on Firebase](https://task-flow-25.web.app)\n\n---\n\n## 📁 Backend Repository\n\n🔗 [TaskFlow Backend](https://github.com/ssmahim01/Task-Management-Backend)\n\n---\n\n## 📦 Dependencies\n```json\n\"dependencies\": {\n    \"@hello-pangea/dnd\": \"^18.0.1\",\n    \"@tailwindcss/vite\": \"^4.0.7\",\n    \"@tanstack/react-query\": \"^5.66.8\",\n    \"axios\": \"^1.7.9\",\n    \"firebase\": \"^11.3.1\",\n    \"react\": \"^19.0.0\",\n    \"react-dom\": \"^19.0.0\",\n    \"react-icons\": \"^5.5.0\",\n    \"react-router\": \"^7.2.0\",\n    \"react-router-dom\": \"^7.2.0\",\n    \"sweetalert2\": \"^11.17.2\",\n    \"tailwindcss\": \"^4.0.7\"\n  }\n  ```\n\n  ---\n\n## 🛠 Installation Steps\nFollow these steps to set up the project locally:\n\n### **1️⃣ Clone the Repository**\n```sh\n git clone https://github.com/ssmahim01/Task-Management-With-React.git\n cd Task-Management-With-React\n```\n\n### **2️⃣ Install Dependencies**\n\n```sh\n npm install\n```\n\n### **3️⃣ Set Up Environment Variables**\nCreate a `.env.local` file in the root directory and add:\n```\nVITE_apiKey=\"Your Firebase Api Key\"\nVITE_authDomain=\"Your Firebase Auth Domain\"\nVITE_projectId=\"Your Firebase Project Id\"\nVITE_storageBucket=\"Your Firebase Storage Bucket\"\nVITE_messagingSenderId=\"Your Firebase Messaging Sender Id\"\nVITE_appId=\"Your Firebase App Id\"\n\nVITE_BACKEND_URL=\"Your Backend URL(localhost or production URL)\"\n```\n\n### **4️⃣ Start the Frontend Development Server**\n\n```sh\n npm run dev\n```\n---\n\n## ⚙️ Technologies Used\n- **Frontend:** React.js, Tailwind CSS, DaisyUI, React Router\n- **Backend:** Node.js, Express.js, MongoDB\n- **Authentication:** Firebase Authentication\n- **Hosting:** Firebase \u0026 Vercel (Frontend), Vercel (Backend)\n\n---\n\n## 🎯 Features\n✅ User Authentication (Register/Login via Firebase)  \n✅ Task CRUD operations (Create, Read, Update, Delete)  \n✅ Drag and drop functionality for task reordering  \n✅ Task categorization and indexing  \n✅ Responsive UI with modern design\n\n---\n\n# Setup With 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/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh\n- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fssmahim01%2Ftask-management-with-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fssmahim01%2Ftask-management-with-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fssmahim01%2Ftask-management-with-react/lists"}