{"id":21029831,"url":"https://github.com/shahrozatiq/react-native-carousel","last_synced_at":"2025-03-13T19:24:12.682Z","repository":{"id":246372157,"uuid":"820937698","full_name":"ShahrozAtiq/React-Native-Carousel","owner":"ShahrozAtiq","description":"Animated Carsusel made in react native with Animated Api and react-native-svg","archived":false,"fork":false,"pushed_at":"2024-06-27T14:07:04.000Z","size":9866,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-20T15:17:53.753Z","etag":null,"topics":["carousel","flatlist-animation","mobile-app","react-native","react-native-animation","react-native-carousel","react-native-reanimated","react-native-svg","svg-carousel"],"latest_commit_sha":null,"homepage":"","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/ShahrozAtiq.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":"2024-06-27T13:29:39.000Z","updated_at":"2024-08-08T14:13:00.000Z","dependencies_parsed_at":"2024-06-27T16:59:29.661Z","dependency_job_id":"fc1decc4-88bd-4afe-b984-09ecc016a4f2","html_url":"https://github.com/ShahrozAtiq/React-Native-Carousel","commit_stats":null,"previous_names":["shahrozatiq/react-native-carousel"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShahrozAtiq%2FReact-Native-Carousel","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShahrozAtiq%2FReact-Native-Carousel/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShahrozAtiq%2FReact-Native-Carousel/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShahrozAtiq%2FReact-Native-Carousel/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ShahrozAtiq","download_url":"https://codeload.github.com/ShahrozAtiq/React-Native-Carousel/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243466987,"owners_count":20295310,"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":["carousel","flatlist-animation","mobile-app","react-native","react-native-animation","react-native-carousel","react-native-reanimated","react-native-svg","svg-carousel"],"created_at":"2024-11-19T12:14:26.774Z","updated_at":"2025-03-13T19:24:12.650Z","avatar_url":"https://github.com/ShahrozAtiq.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\u003ch1 align=\"center\"\u003e\n\tTrapezoid-Shaped Carousel - React Native\n\u003c/h1\u003e\n\n\n\u003cp align=\"center\"\u003e\n\t\u003cimg src=\"https://github.com/ShahrozAtiq/React-Native-Carousel/blob/main/preview.gif\" width=\"300\"\u003e\n\u003c/p\u003e\n\n\n## Discription\n\nThis React Native project aims to create a dynamic and engaging mobile application featuring three main components: an animated trapezoid-shaped carousel, an animated tab bar, and an animated emoji selector. The trapezoid carousel will offer a unique, modern aesthetic with smooth animations and responsive design, ensuring a seamless experience across all devices. The animated tab bar will enhance navigation with interactive animations, while the emoji selector will provide a fun and expressive way for users to communicate, complete with engaging animations and a wide selection of emojis. Developed from scratch, these components are designed to be easily integrated into your projects, providing a visually appealing and user-friendly interface that sets your app apart from traditional designs.\n\n## Installation and usage\n\nBe sure, you have installed all dependencies and applications to run React Native project on your computer : [Getting Started with React Native](https://facebook.github.io/react-native/docs/getting-started).\n\n### Running the project\n\nClone this repository :\n\n```\ngit clone https://github.com/ShahrozAtiq/React-Native-Carousel.git\ncd React-Native-Carousel\n```\n### Packages Used:\n- react-navigation/native\n- react-native-svg\n- react-native-reanimated (for tab bar animation)\n\nInstall packages :\n\n```\nnpm install\n```\n\nWhen installation is complete, run the project :\n\n```bash\nnpx expo start\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshahrozatiq%2Freact-native-carousel","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshahrozatiq%2Freact-native-carousel","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshahrozatiq%2Freact-native-carousel/lists"}