{"id":24247234,"url":"https://github.com/quang-pham-dev/onboarding-animated","last_synced_at":"2026-02-08T16:02:44.818Z","repository":{"id":270700121,"uuid":"911195423","full_name":"quang-pham-dev/onboarding-animated","owner":"quang-pham-dev","description":"A simple animated onboarding flow showcasing smooth transitions between screens with React Native Reanimated, featuring swipe gestures, and fade effects","archived":false,"fork":false,"pushed_at":"2025-01-02T13:33:06.000Z","size":46920,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-14T23:40:40.647Z","etag":null,"topics":["animations","expo-router","new-architecture","onboarding","react-native","react-native-reanimated"],"latest_commit_sha":null,"homepage":"","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/quang-pham-dev.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":"2025-01-02T13:06:44.000Z","updated_at":"2025-01-13T01:28:49.000Z","dependencies_parsed_at":"2025-01-02T14:35:31.565Z","dependency_job_id":null,"html_url":"https://github.com/quang-pham-dev/onboarding-animated","commit_stats":null,"previous_names":["quang-pham-dev/onboarding-animated"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quang-pham-dev%2Fonboarding-animated","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quang-pham-dev%2Fonboarding-animated/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quang-pham-dev%2Fonboarding-animated/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quang-pham-dev%2Fonboarding-animated/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/quang-pham-dev","download_url":"https://codeload.github.com/quang-pham-dev/onboarding-animated/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241877505,"owners_count":20035417,"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":["animations","expo-router","new-architecture","onboarding","react-native","react-native-reanimated"],"created_at":"2025-01-14T23:32:22.921Z","updated_at":"2026-02-08T16:02:39.799Z","avatar_url":"https://github.com/quang-pham-dev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Onboarding Animated\n\nA React Native mobile application built with Expo and TypeScript, featuring beautiful animated onboarding screens.\n\n## Tech Stack\n\n### Core\n\n- React Native 0.76.5\n- Expo SDK 52.0.23\n- TypeScript 5.3.3\n- React 18.3.1\n\n### Navigation \u0026 UI Components\n\n- expo-router 4.0.15\n- @react-navigation/native 7.0.14\n- @react-navigation/bottom-tabs 7.2.0\n- react-native-reanimated 3.16.1\n- react-native-gesture-handler 2.20.2\n- expo-blur\n- expo-haptics\n\n### Development Tools\n\n- ESLint 8.57.0\n- Prettier 3.4.2\n- Husky 9.1.7\n- Jest 29.2.1\n\n## Prerequisites\n\n- Node.js\n- Bun\n- iOS Simulator / Android Emulator\n- Expo CLI\n\n## Getting Started\n\n1. Install dependencies:\n\n```bash\nbun install\n```\n\n2. Start the development server:\n\n```bash\nbun start\n```\n\n3. Run on specific platform:\n\n```bash\n# iOS\nbun run ios\n\n# Android\nbun run android\n\n# Web\nbun run web\n```\n\n## Available Scripts\n\n### Development\n\n- `bun start` - Start Expo development server\n- `bun run ios` - Run on iOS\n- `bun run ios:prod` - Run production build on iOS\n- `bun run android` - Run on Android\n- `bun run android:prod` - Run production build on Android\n- `bun run web` - Run on web browser\n- `bun run start:dev-client` - Start with dev client\n- `bun run start:prod` - Start production build\n\n### Building \u0026 Deployment\n\n- `bun run prebuild` - Clean and prepare build\n- `bun run export` - Export project\n\n### Testing \u0026 Code Quality\n\n- `bun test` - Run tests\n- `bun run lint` - Run ESLint\n- `bun run lint:fix` - Fix ESLint issues\n- `bun run format` - Format code with Prettier\n\n### Utilities\n\n- `bun run fix-deps` - Check and fix dependencies\n- `bun run reset-project` - Reset project to initial state\n\n## Project Structure\n\nThe project uses Expo Router with file-based routing. Main directories include:\n\n- `app/` - Main application screens and routing\n- `assets/` - Application assets\n- `components/` - Reusable UI components\n- `constants/` - Application constants and configurations\n- `hooks/` - Defined Custom hooks\n- `interfaces/` - Defined interfaces used in the application\n- `screens/` - Application screens\n- `themes/` - Theme configurations and styling metrics\n\n## Contributing\n\n1. Fork the repository\n2. Create your feature branch (`git checkout -b feature/amazing-feature`)\n3. Commit your changes (`git commit -m 'Add some amazing feature'`)\n4. Push to the branch (`git push origin feature/amazing-feature`)\n5. Open a Pull Request\n\n## Author\n\nQuang Pham\n\n## Demo\n\n### Preview\n\nhttps://github.com/user-attachments/assets/8c829f67-10bd-49c3-bdd5-7d55c0c82ac6\n\n\n### Features demonstrated:\n\n- Beautiful onboarding flow with smooth animations\n- Interactive UI elements\n- Gesture-based navigation\n- Custom animated transitions\n\nBuilt with Expo, React Native, and React Navigation.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquang-pham-dev%2Fonboarding-animated","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fquang-pham-dev%2Fonboarding-animated","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquang-pham-dev%2Fonboarding-animated/lists"}