{"id":25146869,"url":"https://github.com/davicho-dev/todo-list","last_synced_at":"2025-04-03T06:46:23.608Z","repository":{"id":215222856,"uuid":"738386894","full_name":"Davicho-Dev/TODO-List","owner":"Davicho-Dev","description":null,"archived":false,"fork":false,"pushed_at":"2024-01-03T20:10:06.000Z","size":261,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-01T20:19:03.963Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://todo-list-davichodev.vercel.app","language":"TypeScript","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/Davicho-Dev.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}},"created_at":"2024-01-03T05:34:12.000Z","updated_at":"2024-01-03T07:07:59.000Z","dependencies_parsed_at":"2024-01-03T07:50:06.116Z","dependency_job_id":null,"html_url":"https://github.com/Davicho-Dev/TODO-List","commit_stats":null,"previous_names":["davicho-dev/todo-list"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Davicho-Dev%2FTODO-List","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Davicho-Dev%2FTODO-List/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Davicho-Dev%2FTODO-List/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Davicho-Dev%2FTODO-List/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Davicho-Dev","download_url":"https://codeload.github.com/Davicho-Dev/TODO-List/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246952273,"owners_count":20859811,"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","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":[],"created_at":"2025-02-08T20:27:55.948Z","updated_at":"2025-04-03T06:46:23.592Z","avatar_url":"https://github.com/Davicho-Dev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# TODO List\n\n\n### 1. Initial setup:\n\t- Create a React project.\n\t- Set up the dependencies needed to work with React and any other tools you find useful.\n\n### 2. Components:\n\t- Create a `TaskList` component that displays a list of tasks. It should receive a list of tasks as props and display them in the interface.\n\t- Create a `Task` component that represents an individual task. This component must have the ability to mark a task as completed or delete it.\n\n### 3. Functionality:\n\t- Implements the ability to add a new task. There must be a text field and a button to add the task to the list.\n\t- Allows a task to be marked as completed. Clicking on the task should change its status to completed and visually display this change.\n\t- Adds the functionality to delete a task. There should be a button on each task that allows it to be removed from the list.\n\n### 4. Styles:\n\t- Use CSS (or a style library such as styled-components) to style the application and make it visually appealing.\n\t- Make sure the application is responsive and looks good on different screen sizes.\n\n### 5. Bonus (optional):\n\t- Implement data persistence using the browser's local storage so that tasks persist even after refreshing the page.\n\t- Add animations or transitions to enhance the user experience when interacting with the tasks.\n\t- Backend design required for operation.\n\n\n# Steps to run the project\n\n### 1. Install dependencies\n```bash\nnpm i -g bun\n```\n```bash\nbun install\n```\n\n### 2. Run the project\n```bash\nbun dev --open\n```\n\n\n# Project structure\n\n### 1. Structure \n\t- src\n\t\t- components (Atomic Design)\n\t\t\t- Atoms\n\t\t\t- Molecules\n\t\t\t- Organisms\n\t\t- hooks\n\t\t- pages\n\t\t- redux (State management)\n\t\t\t- middlewares\n\t\t\t- slices\n\t\t\t- store\n\t\t- router\n\t\t- styles\n\t\t\t- globals\n\t\t\t- base dependencies\n\n### 2. Dependencies\n\t- React Vite + Typescript\n\t- SASS (CSS Preprocessor)\n\t- Redux Toolkit (State management)\n\t- TailwindCSS + Daisy UI (CSS Framework)\n\t- tabler icons (Icons)\n\t- uuid (Generate unique id)\n\t- React Toastify (Notifications)\n\t- React Hook Form (Form validation)\n\n\n### 3. Deployment\n- Vercel: [Click here](https://todo-list-davichodev.vercel.app) to view it in the browser\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavicho-dev%2Ftodo-list","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdavicho-dev%2Ftodo-list","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavicho-dev%2Ftodo-list/lists"}