{"id":14991021,"url":"https://github.com/lukemorales/react-native-design-code","last_synced_at":"2025-06-16T21:34:44.250Z","repository":{"id":41778194,"uuid":"198155086","full_name":"lukemorales/react-native-design-code","owner":"lukemorales","description":"Animations and Gestures Manipulation Heavy Interface App","archived":false,"fork":false,"pushed_at":"2022-12-06T19:56:10.000Z","size":3378,"stargazers_count":86,"open_issues_count":18,"forks_count":42,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-06-16T13:11:39.660Z","etag":null,"topics":["contentful","expo","graphql","react","react-native","react-native-animated","react-native-gesture-handler","react-navigation","react-redux"],"latest_commit_sha":null,"homepage":null,"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/lukemorales.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-07-22T05:42:48.000Z","updated_at":"2024-01-23T14:13:52.000Z","dependencies_parsed_at":"2023-01-23T15:00:13.994Z","dependency_job_id":null,"html_url":"https://github.com/lukemorales/react-native-design-code","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/lukemorales/react-native-design-code","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lukemorales%2Freact-native-design-code","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lukemorales%2Freact-native-design-code/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lukemorales%2Freact-native-design-code/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lukemorales%2Freact-native-design-code/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lukemorales","download_url":"https://codeload.github.com/lukemorales/react-native-design-code/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lukemorales%2Freact-native-design-code/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260245277,"owners_count":22980185,"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":["contentful","expo","graphql","react","react-native","react-native-animated","react-native-gesture-handler","react-navigation","react-redux"],"created_at":"2024-09-24T14:21:19.828Z","updated_at":"2025-06-16T21:34:44.223Z","avatar_url":"https://github.com/lukemorales.png","language":"JavaScript","readme":"\u003ch1 align=\"center\"\u003e\n    \u003cimg alt=\"Design+Code\" src=\"https://res.cloudinary.com/lukemorales/image/upload/v1563812296/readme_logos/designcode_c8hcm0.png\" /\u003e\n    \u003cbr\u003e\n    Design+Code\n\u003c/h1\u003e\n\n\u003ch4 align=\"center\"\u003e\n  Animations and Gestures Manipulation Heavy React Native App\n\u003c/h4\u003e\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"GitHub top language\" src=\"https://img.shields.io/github/languages/top/lukemorales/react-native-design-code.svg\"\u003e\n\n  \u003cimg alt=\"GitHub language count\" src=\"https://img.shields.io/github/languages/count/lukemorales/react-native-design-code.svg\"\u003e\n\n  \u003ca href=\"https://www.codacy.com/app/lukemorales/react-native-design-code?utm_source=github.com\u0026amp;utm_medium=referral\u0026amp;utm_content=lukemorales/react-native-design-code\u0026amp;utm_campaign=Badge_Grade\"\u003e\n    \u003cimg alt=\"Codacy grade\" src=\"https://img.shields.io/codacy/grade/04db4b43120b4d05b9b39c9d2da97300.svg\"\u003e\n  \u003c/a\u003e\n\n  \u003cimg alt=\"Repository size\" src=\"https://img.shields.io/github/repo-size/lukemorales/react-native-design-code.svg\"\u003e\n  \u003ca href=\"https://github.com/lukemorales/react-native-design-code/commits/master\"\u003e\n    \u003cimg alt=\"GitHub last commit\" src=\"https://img.shields.io/github/last-commit/lukemorales/react-native-design-code.svg\"\u003e\n  \u003c/a\u003e\n\n  \u003ca href=\"https://github.com/lukemorales/react-native-design-code/issues\"\u003e\n    \u003cimg alt=\"Repository issues\" src=\"https://img.shields.io/github/issues/lukemorales/react-native-design-code.svg\"\u003e\n  \u003c/a\u003e\n\n  \u003cimg alt=\"GitHub\" src=\"https://img.shields.io/github/license/lukemorales/react-native-design-code.svg\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"#rocket-technologies\"\u003eTechnologies\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#information_source-how-to-use\"\u003eHow To Use\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#memo-license\"\u003eLicense\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"App Demo\" src=\"https://res.cloudinary.com/lukemorales/image/upload/v1563901304/readme_logos/designcode_screen_01_nxrabs.gif\"\u003e\n  \u003cimg alt=\"App Demo\" src=\"https://res.cloudinary.com/lukemorales/image/upload/v1563901538/readme_logos/designcode_screen_02_kuvvwt.gif\"\u003e\n\u003c/p\u003e\n\n## :rocket: Technologies\n\nThis project was developed with the following technologies:\n\n-  [Expo](https://expo.io/)\n-  [React-Native](https://facebook.github.io/react-native/)\n-  [React Native Gesture Handler](https://kmagiera.github.io/react-native-gesture-handler/)\n-  [React Navigation](https://reactnavigation.org/)\n-  [Redux](https://redux.js.org/)\n-  [GraphQl](https://graphql.org/learn/)\n-  [Apollo](https://www.apollographql.com/)\n-  [styled-components](https://www.styled-components.com/)\n-  [react-native-showdown](https://github.com/jerolimov/react-native-showdown)\n-  [@expo/vector-icons](https://expo.github.io/vector-icons/)\n-  [expo-linear-gradient](https://docs.expo.io/versions/latest/sdk/linear-gradient/)\n-  [PropTypes](https://github.com/facebook/prop-types)\n-  [VS Code][vc] with [EditorConfig][vceditconfig] and [ESLint][vceslint]\n\n## :information_source: How To Use\n\nTo clone and run this application, you'll need [Git](https://git-scm.com), [Node.js v10.16][nodejs] or higher + [Yarn v1.13][yarn] or higher installed on your computer. From your command line:\n\n```bash\n# Clone this repository\n$ git clone https://github.com/lukemorales/react-native-design-code designCode\n\n# Go into the repository\n$ cd designCode\n\n# Install dependencies\n$ yarn install\n\n# Run the app (iOS)\n$ yarn ios\n\n# Run the app (Android)\n$ yarn android\n```\n\n## :memo: License\nThis project is under the MIT license. See the [LICENSE](https://github.com/lukemorales/react-native-design-code/blob/master/LICENSE) for more information.\n\n---\n\nMade with ♥ by Luke Morales :wave: [Get in touch!](https://www.linkedin.com/in/lukemorales/)\n\n[nodejs]: https://nodejs.org/\n[yarn]: https://yarnpkg.com/\n[vc]: https://code.visualstudio.com/\n[vceditconfig]: https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig\n[vceslint]: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flukemorales%2Freact-native-design-code","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flukemorales%2Freact-native-design-code","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flukemorales%2Freact-native-design-code/lists"}