{"id":25881981,"url":"https://github.com/ashrafulhossain1/to-do-client","last_synced_at":"2026-04-10T11:02:01.855Z","repository":{"id":278764680,"uuid":"936264860","full_name":"ashrafulhossain1/to-do-client","owner":"ashrafulhossain1","description":"Task Management Application built with React and Vite.js. Users can add, edit, delete, and reorder tasks using a drag-and-drop interface. Tasks are categorized into three sections: To-Do, In Progress, and Done. ","archived":false,"fork":false,"pushed_at":"2025-03-01T17:31:06.000Z","size":327,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-03T22:29:08.534Z","etag":null,"topics":["firebase-auth","javascript","reactjs","websocket"],"latest_commit_sha":null,"homepage":"https://to-do-app-f5d34.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/ashrafulhossain1.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}},"created_at":"2025-02-20T19:48:59.000Z","updated_at":"2025-03-01T17:31:10.000Z","dependencies_parsed_at":"2025-02-21T15:50:28.928Z","dependency_job_id":null,"html_url":"https://github.com/ashrafulhossain1/to-do-client","commit_stats":null,"previous_names":["ashrafulhossain1/to-do-client"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ashrafulhossain1/to-do-client","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ashrafulhossain1%2Fto-do-client","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ashrafulhossain1%2Fto-do-client/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ashrafulhossain1%2Fto-do-client/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ashrafulhossain1%2Fto-do-client/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ashrafulhossain1","download_url":"https://codeload.github.com/ashrafulhossain1/to-do-client/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ashrafulhossain1%2Fto-do-client/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31639524,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T07:40:12.752Z","status":"ssl_error","status_checked_at":"2026-04-10T07:40:11.664Z","response_time":98,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["firebase-auth","javascript","reactjs","websocket"],"created_at":"2025-03-02T15:48:34.054Z","updated_at":"2026-04-10T11:02:01.830Z","avatar_url":"https://github.com/ashrafulhossain1.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Task Management Application - Frontend\n\n##  Description\nThis is the frontend for a Task Management Application built with React and Vite.js. Users can add, edit, delete, and reorder tasks using a drag-and-drop interface. Tasks are categorized into three sections: **To-Do**, **In Progress**, and **Done**. The app has a clean, minimalistic UI and is fully responsive for both desktop and mobile users. Firebase Authentication (Google Sign-In) is implemented for user login.\n\n---\n\n## Live Links\n- **Live Site**: [https://to-do-app-f5d34.web.app/](https://to-do-app-f5d34.web.app/)\n- **GitHub Repository**: [https://github.com/ashrafulhossain1/to-do-client](https://github.com/ashrafulhossain1/to-do-client)\n\n---\n\n## Dependencies\nThe following dependencies are used in this project:\n- `@ant-design/icons`: ^5.6.1\n- `@dnd-kit/core`: ^6.3.1\n- `@dnd-kit/sortable`: ^10.0.0\n- `@dnd-kit/utilities`: ^3.2.2\n- `antd`: ^5.24.1\n- `axios`: ^1.7.9\n- `firebase`: ^11.3.1\n- `framer-motion`: ^12.4.7\n- `react`: ^18.2.0\n- `react-dom`: ^18.2.0\n- `react-icons`: ^5.5.0\n- `react-router`: ^7.2.0\n- `tailwindcss`: ^4.0.7\n- `daisyui`: ^5.0.0-beta.8\n- `eslint`: ^9.19.0\n- `vite`: ^6.1.0\n\n---\n\n## Installation Steps\n1. Clone the repository:\n   ```bash\n   git clone https://github.com/ashrafulhossain1/to-do-client.git\n   cd to-do-client\n   ```\n\n2. Install dependencies:\n   ```bash\n   npm install\n   ```\n\n3. Create a `.env` file in the root directory and add the following Firebase environment variables:\n   ```env\n   # Firebase Configuration\n   VITE_FIREBASE_API_KEY=your-api-key\n   VITE_FIREBASE_AUTH_DOMAIN=your-auth-domain\n   VITE_FIREBASE_PROJECT_ID=your-project-id\n   VITE_FIREBASE_STORAGE_BUCKET=your-storage-bucket\n   VITE_FIREBASE_MESSAGING_SENDER_ID=your-messaging-sender-id\n   VITE_FIREBASE_APP_ID=your-app-id\n   ```\n\n4. Start the development server:\n   ```bash\n   npm run dev\n   ```\n\n5. The app will run on `http://localhost:5173` (default Vite port).\n\n---\n\n## Technologies Used\n- **React**: A JavaScript library for building user interfaces.\n- **Vite.js**: A fast build tool and development server.\n- **Tailwind CSS**: A utility-first CSS framework for styling.\n- **DaisyUI**: A component library built on top of Tailwind CSS.\n- **Firebase**: For authentication (Google Sign-In) and hosting.\n- **Ant Design**: For additional UI components.\n- **React Router**: For routing between pages.\n- **@dnd-kit**: For drag-and-drop functionality.\n- **Axios**: For making API requests to the backend.\n\n---\n\n## Firebase Setup\nTo integrate Firebase Authentication, ensure you have created a Firebase project and enabled Google Sign-In. Replace the placeholders in the `.env` file with your actual Firebase credentials.\n\n---\n\n## Screenshot\nHere’s a preview of the application:\n\n![Task Management System](https://i.ibb.co.com/jP3xXtTf/Fire-Shot-Capture-058-Task-Management-System-to-do-app-f5d34-web-app.png)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fashrafulhossain1%2Fto-do-client","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fashrafulhossain1%2Fto-do-client","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fashrafulhossain1%2Fto-do-client/lists"}