{"id":16666951,"url":"https://github.com/joshk2/basic-todo-app-using-bit","last_synced_at":"2025-06-27T20:37:18.074Z","repository":{"id":39482666,"uuid":"171517813","full_name":"JoshK2/basic-todo-app-using-bit","owner":"JoshK2","description":"A highly-modular React todo application composed of reusable components from 5 different collections. Full-blown software modularity.","archived":false,"fork":false,"pushed_at":"2022-12-10T04:24:03.000Z","size":1538,"stargazers_count":15,"open_issues_count":21,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-03T22:51:14.003Z","etag":null,"topics":["create-react-app","grommet","primereact","react","react-components","semantic-ui-react","ui"],"latest_commit_sha":null,"homepage":"https://bit.dev/joshk/basic-todo-app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/JoshK2.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-02-19T17:24:54.000Z","updated_at":"2023-06-26T15:37:14.000Z","dependencies_parsed_at":"2022-09-20T03:50:30.478Z","dependency_job_id":null,"html_url":"https://github.com/JoshK2/basic-todo-app-using-bit","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/JoshK2/basic-todo-app-using-bit","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JoshK2%2Fbasic-todo-app-using-bit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JoshK2%2Fbasic-todo-app-using-bit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JoshK2%2Fbasic-todo-app-using-bit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JoshK2%2Fbasic-todo-app-using-bit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JoshK2","download_url":"https://codeload.github.com/JoshK2/basic-todo-app-using-bit/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JoshK2%2Fbasic-todo-app-using-bit/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262329945,"owners_count":23294809,"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":["create-react-app","grommet","primereact","react","react-components","semantic-ui-react","ui"],"created_at":"2024-10-12T11:12:33.730Z","updated_at":"2025-06-27T20:37:18.026Z","avatar_url":"https://github.com/JoshK2.png","language":"JavaScript","readme":"# Highly-modular React Todo application built of reusable Bit components [![components](https://img.shields.io/bit/collection/total-components/joshk/basic-todo-app.svg)](https://bit.dev/joshk/basic-todo-app)\n\nA basic React todo aplication composed of [bit](https://bit.dev) componnets shared from 5 different popular React UI libraries inlcuding [Grommet](https://github.com/grommet/grommet), [Semantic-UI React](https://github.com/Semantic-Org/Semantic-UI-React), [Primereact](https://github.com/primefaces/primereact) and [Lodash](https://github.com/lodash/lodash). \n\nAll the reusable components used to build this app are [availabe in this collection](https://bit.dev/joshk/basic-todo-app).\nThe final todo application is also [available as a reusbale bit component](https://bit.dev/joshk/basic-todo-app/todo-app), which can be extended and composed with other components to build larger applications.\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://bit.dev/joshk/basic-todo-app\"\u003e\u003cimg src=\"https://i.imagesup.co/images2/f2b5cc9a918fa58ed2106570ed5b4dbb20846b7f.png\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n## Motivation\n\nDemonstrating software modularity in the age of components with React and Bit.\n\n## Tutorial\n\nSee the full tutorial- build your own modular application with reusable components.\n\n**[Build a Super Modular Todo App with React and Bit Components](https://blog.bitsrc.io/build-a-super-modular-todo-app-with-react-and-bit-components-aa06bbac4084)**.\n\n\n## Wich components I used?\n\n### Semantic UI React  \n[semantic-ui-react list component](https://bit.dev/semantic-org/semantic-ui-react/list)  \n[semantic-ui-react icon component](https://bit.dev/semantic-org/semantic-ui-react/icon)  \n[semantic-ui-react css link component](https://bit.dev/semantic-org/semantic-ui-react/internal/style-links)  \n\n### PrimeReact\n[primereact inputtextarea component](https://bit.dev/primefaces/primereact/inputtextarea)   \n[primereact button component](https://bit.dev/primefaces/primereact/button)  \n[primereact css link component](https://bit.dev/primefaces/primereact/internal/stylelinks)  \n\n### Grommet\n[grommet button component](https://bit.dev/grommet/grommet/button)  \n\n### grommet-icons\n[grommet-icons add component](https://bit.dev/grommet/grommet-icons/add)  \n\n### lodash\n[lodash unique-id component](https://bit.dev/lodash/lodash/unique-id)  \n\n### to install them in your project\n\n```bash\nyarn add @bit/semantic-org.semantic-ui-react.list  \nyarn add @bit/semantic-org.semantic-ui-react.icon  \nyarn add @bit/semantic-org.semantic-ui-react.internal.style-links  \n\nyarn add @bit/primefaces.primereact.inputtextarea  \nyarn add @bit/primefaces.primereact.button  \nyarn add @bit/primefaces.primereact.internal.stylelinks  \n\nyarn add @bit/grommet.grommet.button\nyarn add @bit/grommet.grommet-icons.add\n\nyarn add @bit/lodash.lodash.unique-id\n```\n\n## Contributing\nPull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.\n\nPlease make sure to update tests as appropriate.\n\n## License\n[MIT](https://choosealicense.com/licenses/mit/)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoshk2%2Fbasic-todo-app-using-bit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjoshk2%2Fbasic-todo-app-using-bit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoshk2%2Fbasic-todo-app-using-bit/lists"}