{"id":20957410,"url":"https://github.com/place4you/todo-list-using-react","last_synced_at":"2026-05-01T20:31:16.384Z","repository":{"id":194503257,"uuid":"690969385","full_name":"Place4you/todo-list-using-React","owner":"Place4you","description":"This project is a simple Todo List application built with React. It allows users to add tasks with a title and description through a form, and these tasks are displayed on the screen. Users can also delete tasks by clicking a delete button associated with each task.","archived":false,"fork":false,"pushed_at":"2023-09-13T09:42:18.000Z","size":112,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-12-27T05:57:07.081Z","etag":null,"topics":["next","nextjs","project","react","reactjs","todo","todo-app","todo-list","todoapp","todolist","todolist-application"],"latest_commit_sha":null,"homepage":"https://saadattodolist.netlify.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/Place4you.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}},"created_at":"2023-09-13T08:43:44.000Z","updated_at":"2024-07-14T09:00:48.000Z","dependencies_parsed_at":"2023-09-13T17:29:17.747Z","dependency_job_id":null,"html_url":"https://github.com/Place4you/todo-list-using-React","commit_stats":null,"previous_names":["place4you/todo-list-using-react"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Place4you/todo-list-using-React","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Place4you%2Ftodo-list-using-React","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Place4you%2Ftodo-list-using-React/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Place4you%2Ftodo-list-using-React/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Place4you%2Ftodo-list-using-React/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Place4you","download_url":"https://codeload.github.com/Place4you/todo-list-using-React/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Place4you%2Ftodo-list-using-React/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32512662,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-30T13:12:12.517Z","status":"online","status_checked_at":"2026-05-01T02:00:05.856Z","response_time":64,"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":["next","nextjs","project","react","reactjs","todo","todo-app","todo-list","todoapp","todolist","todolist-application"],"created_at":"2024-11-19T01:33:10.378Z","updated_at":"2026-05-01T20:31:16.002Z","avatar_url":"https://github.com/Place4you.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Todo List using React/Next.js\n\n![Todo List Demo](/thumnail.JPG)\n\n## Introduction\n\nThis project is a simple Todo List application built with React. It allows users to add tasks with a title and description through a form, and these tasks are displayed on the screen. Users can also delete tasks by clicking a delete button associated with each task.\n\nThe project demonstrates the fundamental concepts of React, including component creation, state management, and event handling. It's an excellent starting point for beginners learning React or anyone looking to build a basic task management application.\n\n## Live Demo\n\nYou can access a live demo of this Todo List app by following this link: [Todo List Demo](https://saadattodolist.netlify.app/))\n\n## Features\n\n- **Add Tasks**: Users can enter task titles and descriptions through a form and add them to the list.\n- **Display Tasks**: Added tasks are displayed on the screen with their titles and descriptions.\n- **Delete Tasks**: Users can remove tasks by clicking the delete button associated with each task.\n- **Responsive Design**: The application is responsive and works well on various screen sizes.\n\n## Technologies Used\n\n- React: The core library used for building the user interface and managing state.\n- HTML/TailWind: Used for structuring the app and styling the components.\n- JavaScript: Used for logic and event handling.\n\n## Getting Started\n\nTo run this project locally on your machine, follow these steps:\n\n1. Clone the repository to your local machine using the following command:\n   ```bash\n   git clone https://github.com/your-username/todo-list-react.git\n\n\nThis is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).\n\n## Getting Started\n\nFirst, run the development server:\n\n```bash\nnpm run dev\n# or\nyarn dev\n# or\npnpm dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\nYou can start editing the page by modifying `app/page.js`. The page auto-updates as you edit the file.\n\nThis project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.\n\n## Learn More\n\nTo learn more about Next.js, take a look at the following resources:\n\n- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.\n- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.\n\nYou can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!  \n\n##Contributing\nIf you have suggestions for improvements or spot any issues, please feel free to create an issue or submit a pull request. Contributions are welcome!\n\n##License\nThis project is licensed under the MIT License. See the LICENSE.md file for details.\n\nThank you for checking out the Todo List using React/Next.js project! We hope it helps you learn and explore React development.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fplace4you%2Ftodo-list-using-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fplace4you%2Ftodo-list-using-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fplace4you%2Ftodo-list-using-react/lists"}