{"id":14961173,"url":"https://github.com/shaifarfan/react-todo-app","last_synced_at":"2025-04-05T06:09:34.893Z","repository":{"id":42364239,"uuid":"444216668","full_name":"ShaifArfan/react-todo-app","owner":"ShaifArfan","description":"A complete Todo application with all features.","archived":false,"fork":false,"pushed_at":"2024-05-24T10:58:50.000Z","size":362,"stargazers_count":223,"open_issues_count":6,"forks_count":247,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-04-05T06:09:16.634Z","etag":null,"topics":["framer-motion","javascript","reactjs","redux","webcifar"],"latest_commit_sha":null,"homepage":"https://wc-react-todo-app.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/ShaifArfan.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":"2022-01-03T22:27:32.000Z","updated_at":"2025-03-13T09:50:12.000Z","dependencies_parsed_at":"2023-02-10T16:15:29.182Z","dependency_job_id":"ea14870a-1fb8-4732-a270-687f210ba26d","html_url":"https://github.com/ShaifArfan/react-todo-app","commit_stats":{"total_commits":19,"total_committers":5,"mean_commits":3.8,"dds":"0.21052631578947367","last_synced_commit":"24547b41064dbaabc8473098741fe2c82aaf2a7e"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShaifArfan%2Freact-todo-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShaifArfan%2Freact-todo-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShaifArfan%2Freact-todo-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShaifArfan%2Freact-todo-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ShaifArfan","download_url":"https://codeload.github.com/ShaifArfan/react-todo-app/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247294541,"owners_count":20915340,"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":["framer-motion","javascript","reactjs","redux","webcifar"],"created_at":"2024-09-24T13:24:05.290Z","updated_at":"2025-04-05T06:09:34.858Z","avatar_url":"https://github.com/ShaifArfan.png","language":"JavaScript","funding_links":["https://www.buymeacoffee.com/shaifarfan08"],"categories":[],"sub_categories":[],"readme":"![React Todo App](./banner.png)\n\n# React Todo App.\n\nA complete todo application with all features.\n\n**live demo: [https://wc-react-todo-app.netlify.app/](https://wc-react-todo-app.netlify.app/)**\n\n**Watch On Youtube: [https://youtu.be/W0Uf_xu350k](https://youtu.be/W0Uf_xu350k)**\n\n---\n\n### Made with ❤️ by [Shaif Arfan](https://www.instagram.com/shaifarfan08/)\n\nLike my works and want to support me?\n\n\u003ca href=\"https://www.buymeacoffee.com/shaifarfan08\" target=\"_blank\"\u003e\u003cimg src=\"https://cdn.buymeacoffee.com/buttons/v2/default-blue.png\" alt=\"Buy Me A Coffee\" style=\"height: 45px !important;width: 162.75px !important;\" \u003e\u003c/a\u003e\n\n---\n\n## Project Description\n\nIn the project, we will be creating a Complete Todo Application with all features. We will do all the CRUD operations. We will use `React.js` and to manage our states, we will use `Redux`. Also we will learn to make simple animations using `Framer Motion`. This will be a complete `beginner` friendly app. Hope you enjoy it.\n\n## What we are going to learn/use\n\n- [React](https://reactjs.org/)\n- [React Redux](https://redux.js.org/)\n- [Framer Motion](https://framer.com/motion/)\n- [React icons](https://react-icons.netlify.com/)\n- [React Hot Toast](https://react-hot-toast.com/)\n- More...\n\n## Requirements\n\n- Basic ReactJs knowledge\n- Basic HTML, CSS knowledge\n\n## Starter files\n\nYou can find all the starter files in `starter-files` branch. You can go to the `starter-files` branch and `download zip` the starter files or You can clone the project and git checkout to `starter-files` branch.\n\n## Getting Started\n\nThe recommended way to get started with the project is to follow the [YouTube tutorial](https://youtu.be/W0Uf_xu350k). You will find all the step-by-step guides. Or you can start the project on your own by following the guide below.\n\nAfter getting the starter files, you need to go the file directory and run\n\n```shell\nnpm install\n```\n\nand after that start the dev server.\n\n```shell\nnpm start\n```\n\n## Tools Used\n\n1. Favicon: [Flaticon.com](https://www.flaticon.com/)\n1. Code Editor: [VS Code](https://code.visualstudio.com/)\n\n## Other projects\n\n📚 [All Web Cifar Project Tutorials](https://github.com/ShaifArfan/wc-project-tutorials)\n\n---\n\n## FAQ\n\n### Q: How can i get started?\n\nYou can get started by following the [YouTube tutorial](https://youtu.be/W0Uf_xu350k) of this project. Here is the full tutorial video link: [coming soon].\n\n### Q: What i need to start the project?\n\nJust open your favorite code editor and follow along with the [YouTube tutorial](https://youtu.be/W0Uf_xu350k).\n\n### Q: What are the prerequisites?\n\nbasics of html, css, javascript and some basic knowledge of react is enough to start this project. Rest you will learn in the tutorial.\n\n### Q: Who the project is for?\n\nThe project is for the people who wanna get more skilled in `ReactJs`.\n\n---\n\n## Feedback\n\nIf you have any feedback, please reach out to us at [@web_cifar](http://instagram.com/web_cifar)\n\n## Support\n\nFor support, join our [Community Group](http://facebook.com/groups/webcifar).\n\n## License\n\n[MIT](https://choosealicense.com/licenses/mit/)\n\nHappy Coding! 🚀\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshaifarfan%2Freact-todo-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshaifarfan%2Freact-todo-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshaifarfan%2Freact-todo-app/lists"}