{"id":30275488,"url":"https://github.com/coderooz/demo-cafe-onboarding-app","last_synced_at":"2026-04-13T09:32:05.737Z","repository":{"id":306376495,"uuid":"1025963107","full_name":"coderooz/Demo-Cafe-Onboarding-app","owner":"coderooz","description":"This is a simple React Native demo app showcasing a basic onboarding flow using react-navigation, AsyncStorage, and custom SVG illustrations. The app conditionally renders an onboarding experience for first-time users and navigates to the home screen once completed.","archived":false,"fork":false,"pushed_at":"2025-07-25T05:28:07.000Z","size":120,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-08-16T09:46:09.904Z","etag":null,"topics":["demo-app","expo","onboarding-screen","react-native"],"latest_commit_sha":null,"homepage":"","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/coderooz.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-07-25T05:12:05.000Z","updated_at":"2025-07-25T05:29:06.000Z","dependencies_parsed_at":"2025-07-25T10:50:35.260Z","dependency_job_id":"2dc57073-a3c9-40e6-9c93-ac0d97e9ea12","html_url":"https://github.com/coderooz/Demo-Cafe-Onboarding-app","commit_stats":null,"previous_names":["coderooz/demo-cafe-onboarding-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/coderooz/Demo-Cafe-Onboarding-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coderooz%2FDemo-Cafe-Onboarding-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coderooz%2FDemo-Cafe-Onboarding-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coderooz%2FDemo-Cafe-Onboarding-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coderooz%2FDemo-Cafe-Onboarding-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/coderooz","download_url":"https://codeload.github.com/coderooz/Demo-Cafe-Onboarding-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coderooz%2FDemo-Cafe-Onboarding-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31746294,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T09:16:15.125Z","status":"ssl_error","status_checked_at":"2026-04-13T09:16:05.023Z","response_time":93,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["demo-app","expo","onboarding-screen","react-native"],"created_at":"2025-08-16T09:39:20.539Z","updated_at":"2026-04-13T09:32:05.722Z","avatar_url":"https://github.com/coderooz.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Demo Cafe Onboarding App\n\nThis is a simple React Native demo app showcasing a basic onboarding flow using `react-navigation`, `AsyncStorage`, and custom SVG illustrations. The app conditionally renders an onboarding experience for first-time users and navigates to the home screen once completed.\n\n## ✨ Features\n\n- Multi-step onboarding screens with horizontal scroll\n- Persistent onboarding status using AsyncStorage\n- Smooth navigation using React Navigation\n- Custom SVG illustrations for visual enhancement\n- Clean, minimalist UI using React Native components\n\n## 📁 Project Structure\n\n```markdown\n\n.\n├── App.js\n├── components\n│   ├── OnboardingScreen.jsx\n│   └── SVGIllustrations.jsx\n├── screens\n│   ├── HomeScreen.jsx\n│   └── OnboardingFlow.jsx\n└── ...\n\n````\n\n## 🚀 Getting Started\n\n### Prerequisites\n\n- Node.js\n- npm or yarn\n- Expo CLI (if using Expo) or a React Native environment set up via CLI\n\n### Installation\n\n1. Clone the repository:\n\n```bash\ngit clone https://github.com/your-username/react-native-onboarding-demo.git\ncd react-native-onboarding-demo\n````\n\n2. Install dependencies:\n\n```bash\nnpm install\n# or\nyarn install\n```\n\n3. Start the development server:\n\n```bash\nnpm start\n# or\nyarn start\n```\n\n## 📱 How It Works\n\n* On first launch, the app checks AsyncStorage for a flag `hasLaunched`.\n* If not found, it shows the onboarding flow (`OnboardingFlow.jsx`).\n* Once completed, it sets `hasLaunched` to `true` and redirects to `HomeScreen`.\n* On subsequent launches, the user is taken directly to the home screen.\n\n## 🛠️ Technologies Used\n\n* React Native\n* React Navigation\n* AsyncStorage\n* Custom SVG using `react-native-svg`\n\n## 🖼️ Onboarding Screens\n\n1. **Welcome to Our Demo App**\n2. **Delicious Coffee**\n3. **Tasty Snacks**\n4. **Fast Delivery**\n\nEach screen includes custom illustrations and transition animations.\n\n## 📦 Dependencies\n\n* `@react-navigation/native`\n* `@react-navigation/native-stack`\n* `@react-native-async-storage/async-storage`\n* `react-native-svg`\n\n## 📌 Notes\n\n* Make sure to link native dependencies if not using Expo.\n* Test the onboarding reset by clearing AsyncStorage (`AsyncStorage.clear()` in development).\n\n## 📄 License\n\nThis project is licensed under the MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcoderooz%2Fdemo-cafe-onboarding-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcoderooz%2Fdemo-cafe-onboarding-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcoderooz%2Fdemo-cafe-onboarding-app/lists"}