{"id":28864956,"url":"https://github.com/nicopanozo/react-native-bootcamp","last_synced_at":"2026-05-05T09:32:03.889Z","repository":{"id":298509190,"uuid":"1000195882","full_name":"nicopanozo/react-native-bootcamp","owner":"nicopanozo","description":"Showing my experience with a hands-on React Native bootcamp packed with practical projects and real-world skills, kickstart your mobile development journey learning with this repo! 🚀","archived":false,"fork":false,"pushed_at":"2025-06-27T15:12:21.000Z","size":14031,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-27T15:41:06.628Z","etag":null,"topics":["android","expo","ios","mobile-development","react-native","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/nicopanozo.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-06-11T12:09:53.000Z","updated_at":"2025-06-27T15:12:25.000Z","dependencies_parsed_at":"2025-06-11T13:52:17.218Z","dependency_job_id":"fe645043-3e38-4943-b3ca-2af24df0e0f5","html_url":"https://github.com/nicopanozo/react-native-bootcamp","commit_stats":null,"previous_names":["nicopanozo/react-native-bootcamp"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/nicopanozo/react-native-bootcamp","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nicopanozo%2Freact-native-bootcamp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nicopanozo%2Freact-native-bootcamp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nicopanozo%2Freact-native-bootcamp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nicopanozo%2Freact-native-bootcamp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nicopanozo","download_url":"https://codeload.github.com/nicopanozo/react-native-bootcamp/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nicopanozo%2Freact-native-bootcamp/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32643571,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-04T10:08:07.713Z","status":"online","status_checked_at":"2026-05-05T02:00:06.033Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["android","expo","ios","mobile-development","react-native","typescript"],"created_at":"2025-06-20T10:01:00.034Z","updated_at":"2026-05-05T09:32:03.874Z","avatar_url":"https://github.com/nicopanozo.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"assets/assuresoft-logo.png\" alt=\"AssureSoft Logo\" width=\"200\"/\u003e\n\u003c/p\u003e\n\n# Digital Academy Bootcamp: Mobile Development\n\n## React Native Movies App (TypeScript)\n\nThis is a modern React Native Movies App built with [Expo](https://expo.dev/) and TypeScript, designed to showcase best practices in mobile development. Powered by the [TMDb API](https://developer.themoviedb.org/reference/intro/getting-started), the app delivers up-to-date movie content, including trending, top-rated, upcoming, and now playing films.\n\nExplore movies by genre, discover Marvel and action hits, and enjoy detailed information such as ratings, descriptions, and categories—all presented in a beautifully crafted interface inspired by this [Figma design](https://www.figma.com/community/file/1126286295256197533/movies-mobile-app-home-light-dark).\n\nThis open source project focuses on learning and applying modern React Native concepts, including custom hooks, advanced navigation, theming, animations, and type safety with TypeScript.\n\nDeveloped as part of the **Digital Academy Bootcamp** at **AssureSoft**.\n\n- App Demo: https://youtu.be/WDIVq5kk2m4\n- Team Demo: https://drive.google.com/drive/folders/1CkY9LMx8NFhrpb9PdMTpGuhXET3kKdLk?usp=sharing\n\n- Download the APK file: https://drive.google.com/file/d/1XmqJYTn8Qks990F5covHSt2oy9T4WcTt/view?usp=sharing\n- Download the AAB file: https://drive.google.com/file/d/11pD7sfmNg3x11n-E7WUlwa5T3GR2-a6P/view?usp=sharing\n---\n\n## 📑 Table of Contents\n\n- [Key Concepts \u0026 Features](#-key-concepts--features)\n- [Design](#-design)\n- [Getting Started](#-getting-started)\n- [Useful Expo Commands \u0026 Troubleshooting](#-useful-expo-commands--troubleshooting)\n- [Screenshots](#-screenshots)\n- [Credits \u0026 Acknowledgements](#-credits--acknowledgements)\n- [License](#-license)\n\n---\n\n## 🏆 Key Concepts \u0026 Features\n\n- **Custom Hooks** for reusable logic and cleaner components\n- **API Consumption** using [The Movie Database (TMDb) API](https://developer.themoviedb.org/reference/intro/getting-started)\n- **Navigation** with React Navigation (stack, bottom tabs)\n- **Carousel \u0026 Animations** with react-native-reanimated and react-native-reanimated-carousel\n- **Theming \u0026 UI** using react-native-paper and react-native-linear-gradient\n- **Safe Area Handling** with react-native-safe-area-context\n- **Custom Fonts** and splash screens\n- **Vector Icons** with @react-native-vector-icons/fontawesome6\n- **Environment Variables** with dotenv\n- **Prettier** and **ESLint** for code formatting and linting\n- **TypeScript** for type safety and better developer experience\n- **Metro Config** customization for advanced bundling\n\n---\n\n## 🎨 Design\n\n- Based on this [Figma community design](https://www.figma.com/community/file/1126286295256197533/movies-mobile-app-home-light-dark) for a modern movies mobile app (light \u0026 dark mode).\n\n---\n\n## 🚀 Getting Started\n\n### 📱 Requirements\n\n- Node.js (v18 or higher recommended)\n- Expo CLI\n- Android Studio (optional, for emulator)\n\n### 1. Clone the repository\n\n```bash\ngit clone https://github.com/nicopanozo/react-native-bootcamp.git\ncd react-native-bootcamp\n```\n\n### 2. Install dependencies\n\n```bash\nnpm install\nnpx expo install\n```\n\n\u003e For additional packages, use:\n\u003e\n\u003e ```bash\n\u003e npx expo install \u003cpackage-name\u003e\n\u003e npm install \u003cpackage-name\u003e\n\u003e ```\n\n### 3. Start the development server\n\n```bash\nnpx expo start\n```\n\nScan the QR code with the Expo Go app on your mobile device, or open it on an emulator.\n\n### 4. Testing on Android Emulator\n\n- Install Android Studio\n- Create a virtual device (AVD)\n- Run the emulator\n- Start the app on the emulator:\n\n```bash\nnpx expo start --android\n```\n\n---\n\n## 🛠️ Useful Expo Commands \u0026 Troubleshooting\n\n- **Clear Expo cache (recommended for fixing weird issues):**\n  ```bash\n  npx expo start -c\n  ```\n- **Reset Metro bundler cache:**\n  ```bash\n  npx react-native start --reset-cache\n  ```\n- **Clean node_modules and reinstall:**\n  ```bash\n  rm -rf node_modules\n  npm install\n  ```\n- **Check for outdated dependencies:**\n  ```bash\n  npx expo install --check\n  ```\n- **Upgrade Expo SDK:**\n  ```bash\n  npx expo upgrade\n  ```\n- **Open project on web:**\n  ```bash\n  npx expo start --web\n  ```\n- **Open project on iOS simulator (macOS only):**\n  ```bash\n  npx expo start --ios\n  ```\n- **Show all available Expo commands:**\n  ```bash\n  npx expo --help\n  ```\n\n---\n\n## 📸 Screenshots\n\n|                          Home Screen                          |                          Movie Details                          |                          Genres                          |\n| :-----------------------------------------------------------: | :-------------------------------------------------------------: | :------------------------------------------------------: |\n| \u003cimg src=\"assets/screen1.png\" alt=\"Home Screen\" width=\"250\"/\u003e | \u003cimg src=\"assets/screen2.png\" alt=\"Movie Details\" width=\"250\"/\u003e | \u003cimg src=\"assets/screen3.png\" alt=\"Genres\" width=\"250\"/\u003e |\n\n---\n\n## 📚 Credits \u0026 Acknowledgements\n\n- Built with [React Native](https://reactnative.dev/) and [Expo](https://expo.dev/)\n- Movie data powered by [The Movie Database (TMDb) API](https://developer.themoviedb.org/reference/intro/getting-started)\n- UI inspired by [Figma Movies Mobile App Design](https://www.figma.com/community/file/1126286295256197533/movies-mobile-app-home-light-dark)\n- Developed as part of the [Digital Academy](https://assuresoft.com/) Bootcamp at AssureSoft\n\n---\n\n## 📖 License\n\nThis project is open source and available under the [MIT License](LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnicopanozo%2Freact-native-bootcamp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnicopanozo%2Freact-native-bootcamp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnicopanozo%2Freact-native-bootcamp/lists"}