{"id":13406218,"url":"https://github.com/craftzdog/react-native-animated-todo","last_synced_at":"2025-04-04T17:08:52.287Z","repository":{"id":40280100,"uuid":"426456412","full_name":"craftzdog/react-native-animated-todo","owner":"craftzdog","description":"Animated ToDo app built with React Native and Reanimated v2","archived":false,"fork":false,"pushed_at":"2024-08-07T15:38:46.000Z","size":2495,"stargazers_count":460,"open_issues_count":6,"forks_count":101,"subscribers_count":9,"default_branch":"master","last_synced_at":"2025-03-28T16:07:23.961Z","etag":null,"topics":["react-native","react-native-reanimated","tutorial","ui"],"latest_commit_sha":null,"homepage":"https://youtu.be/k2h7usLLBhY","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/craftzdog.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":"2021-11-10T02:20:34.000Z","updated_at":"2025-03-10T19:33:49.000Z","dependencies_parsed_at":"2024-10-26T20:29:06.734Z","dependency_job_id":"b857330a-6bd4-4499-b803-21d693a15d89","html_url":"https://github.com/craftzdog/react-native-animated-todo","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/craftzdog%2Freact-native-animated-todo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/craftzdog%2Freact-native-animated-todo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/craftzdog%2Freact-native-animated-todo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/craftzdog%2Freact-native-animated-todo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/craftzdog","download_url":"https://codeload.github.com/craftzdog/react-native-animated-todo/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247217184,"owners_count":20903009,"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":["react-native","react-native-reanimated","tutorial","ui"],"created_at":"2024-07-30T19:02:24.408Z","updated_at":"2025-04-04T17:08:52.246Z","avatar_url":"https://github.com/craftzdog.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# Smoothly Animated ToDo App built with React Native\n\n![Thumbnail](./doc/thumb.jpg)\n\nTry the demo on [![Expo Go](./doc/expo-logo.svg)](https://expo.dev/@craftzdog/animated-todo)\n\nThe animated checkbox component has been published as [an NPM module `react-native-checkbox-reanimated`](https://github.com/craftzdog/react-native-checkbox-reanimated).\n\n![demo](./doc/checkbox.gif)\n\n## Tutorial\n\nWatch how I built this website on YouTube: [\u003cimg src=\"./doc/youtube.png\" width=\"32\" /\u003e](https://youtu.be/k2h7usLLBhY)\n\n## Stack\n\n- [React Native](https://reactnative.dev/) - ReactJS-based framework that can use native platform capabilities\n- [Expo](https://expo.dev/) - Toolset for building and delivering RN apps\n- [React Navigation(v6)](https://reactnavigation.org/) - Routing and navigation\n- [NativeBase(v3)](https://nativebase.io/) - Themable component library\n- [React Native Reanimated](https://docs.swmansion.com/react-native-reanimated/) - Animations\n- [React Native SVG](https://github.com/react-native-svg/react-native-svg) - Drawing SVG\n- [Moti](https://moti.fyi/) - Helper module for Reanimated 2\n\n## Project structure\n\n```\n$PROJECT_ROOT\n├── App.tsx        # Entry point\n└── src\n    ├── screens    # Screen components\n    ├── components # UI components\n    ├── utils      # Custom hooks and helpers\n    └── assets     # Image files\n```\n\n## Credits\n\n- [SALY 3D Illustration Pack](https://www.figma.com/community/file/890095002328610853)\n- [Animated SVG stroke example by William Candillon](https://github.com/wcandillon/can-it-be-done-in-react-native/tree/master/reanimated-2/src/StrokeAnimation)\n\n## How to dev\n\nThis project can be run from the Expo client app.\n\n```sh\nyarn\nyarn start\n```\n\n---\n\nLooking for a Markdown note-taking app? Check out my app called Inkdrop:\n\n[![Inkdrop](https://github.com/craftzdog/dotfiles-public/raw/master/images/inkdrop.png)](https://www.inkdrop.app/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcraftzdog%2Freact-native-animated-todo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcraftzdog%2Freact-native-animated-todo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcraftzdog%2Freact-native-animated-todo/lists"}