{"id":26149959,"url":"https://github.com/novalogics/coffee-lab-reactnative-app","last_synced_at":"2025-04-14T04:11:06.772Z","repository":{"id":273084524,"uuid":"913283033","full_name":"NovaLogics/coffee-lab-reactnative-app","owner":"NovaLogics","description":" CoffeeLab: Coffee Shop App.  A React Native app powered by Zustand for managing coffee orders. Browse coffees and beans, view details, search, favorite items, and place orders easily.","archived":false,"fork":false,"pushed_at":"2025-01-30T19:07:42.000Z","size":22056,"stargazers_count":26,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-27T18:03:35.617Z","etag":null,"topics":["nativewind","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":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/NovaLogics.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}},"created_at":"2025-01-07T11:37:15.000Z","updated_at":"2025-03-16T01:56:35.000Z","dependencies_parsed_at":"2025-01-18T15:35:28.211Z","dependency_job_id":"32370ad4-a29f-4d60-8bb3-20ba7ad3058c","html_url":"https://github.com/NovaLogics/coffee-lab-reactnative-app","commit_stats":null,"previous_names":["novalogics/coffee-lab-reactnative-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NovaLogics%2Fcoffee-lab-reactnative-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NovaLogics%2Fcoffee-lab-reactnative-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NovaLogics%2Fcoffee-lab-reactnative-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NovaLogics%2Fcoffee-lab-reactnative-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/NovaLogics","download_url":"https://codeload.github.com/NovaLogics/coffee-lab-reactnative-app/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248819404,"owners_count":21166477,"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":["nativewind","react-native","typescript"],"created_at":"2025-03-11T05:49:46.926Z","updated_at":"2025-04-14T04:11:06.752Z","avatar_url":"https://github.com/NovaLogics.png","language":"TypeScript","readme":"\u003ch1 align=\"center\" \u003e  \nCoffeeLab by Nova \u003cbr\u003e \n♨ [ ʀᴇᴀᴄᴛ ɴᴀᴛɪᴠᴇ ᴘʀᴏᴊᴇᴄᴛ ] ♨\n\u003c/h1\u003e\n\n\n\u003e [!Note]\n\u003e **This project is still in its early development stage.**\n#\n\n## ɪ  ⁃  ᴘʀᴏᴊᴇᴄᴛ ɪɴꜰᴏ\n\nCoffeeLab: Coffee Shop App. A React Native app powered by Zustand for managing coffee orders. Browse coffees and beans, view details, search, favorite items, and place orders easily.\n\n**Updated on** January 30, 2025 \n\n\u003cbr\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n⁃ ᴄᴏɴᴛᴇɴᴛꜱ ⁃  \n[ᴜꜱᴇʀ ꜰᴇᴀᴛᴜʀᴇꜱ](#ɪɪ--ᴡʜᴀᴛ-ᴜꜱᴇʀꜱ-ᴄᴀɴ-ᴇxᴘᴇᴄᴛ)\n| [ᴀᴘᴘ ꜱᴄʀᴇᴇɴꜱ](#ɪɪɪ--ᴠɪꜱᴜᴀʟ-ᴛᴏᴜʀ-ᴏꜰ-ᴛʜᴇ-ᴀᴘᴘ-ꜱᴄʀᴇᴇɴꜱ)\n| [ᴘʀᴏᴊᴇᴄᴛ ʙʀᴀɴᴄʜᴇꜱ](#ɪᴠ--ᴘʀᴏᴊᴇᴄᴛ-ʙʀᴀɴᴄʜᴇꜱ)\n| [ᴅᴇᴠ ꜰᴇᴀᴛᴜʀᴇꜱ](#ᴠ--ʙᴇʜɪɴᴅ-ᴛʜᴇ-ᴄᴏᴅᴇ-ᴅᴇᴠ-ꜰᴇᴀᴛᴜʀᴇꜱ)\n| [ᴘʀᴏᴊᴇᴄᴛ ɴᴏᴛᴇꜱ](#ᴠɪ--ᴘʀᴏᴊᴇᴄᴛ-ɴᴏᴛᴇꜱ)\n\n\n\u003cbr\u003e\n\n[![Android](https://img.shields.io/badge/Android-2E8B57?style=for-the-badge\u0026logo=android\u0026logoColor=white)](#)\n[![IOS](https://img.shields.io/badge/iOS-%23232F3E?style=for-the-badge\u0026logo=ios\u0026logoColor=white)](#)\n\n[![Flutter](https://img.shields.io/badge/React%20Native-02569B?style=for-the-badge\u0026logo=react\u0026logoColor=white)](#)\n[![Language](https://img.shields.io/badge/-typescript%20|%20Language-%2307405e?logo=typescript\u0026logoColor=white\u0026style=for-the-badge)](#)\n\n\n[![Architecture](https://img.shields.io/badge/%20Feature%20Based%20Architecture-1C1E24?logo=planetscale\u0026logoColor=00C7B7\u0026style=for-the-badge)](#)\n[![License: MIT](https://img.shields.io/badge/-LICENSE%20|%20MIT-1C1E24?logo=maas\u0026logoColor=00C7B7\u0026style=for-the-badge)](./LICENSE)\n\u003cbr\u003e\n\u003cbr\u003e\n\n\u003cimg src=\"./_archive/screenshots/screenshot-1-home.png\" width=\"180\" height=\"400\"\u003e\n\u003cimg src=\"./_archive/screenshots/screenshot-2.jpg\" width=\"180\" height=\"400\"\u003e\n\n\u003c/div\u003e\n\n\n## ɪɪ ⁃ ᴡʜᴀᴛ ᴜꜱᴇʀꜱ ᴄᴀɴ ᴇxᴘᴇᴄᴛ\n\n### ⭓ Features\n\n- **Stunning UI \u0026 Animations**: Enjoy a visually appealing and smooth user interface with animations that enhance the experience.\n- **Coffee \u0026 Beans List**: Browse a wide variety of local coffee and beans, with data currently stored locally and plans for future online connectivity.\n- **Search Coffee \u0026 Beans**: Find your favorite coffee or beans quickly using the real-time search feature.\n- **Favourite List**: Easily save your favorite coffee and beans to view later with a simple toggle.\n- **Order History**: View all previous orders in a dedicated history screen, making it easy to reorder your favorite drinks and beans.\n- **Add to Cart \u0026 Cart Screen**: Add items to your cart and review them before checkout, all with a clean and intuitive interface.\n- **Different Coffee \u0026 Bean Sizes**: Choose from various sizes for both coffee and beans to fit your preferences.\n- **Smooth Performance**: Optimized for fluid and responsive interactions, ensuring seamless experience across devices.\n- **Reusable Code Architecture**: Clean, maintainable code to support future app enhancements.\n\n##\n### ⭓ Requirements\n### **System Requirements**\n\n### Android\n- **Android 7.0 (Nougat)** and Above\n- **Minimum SDK Version**: 24\n\n### iOS\n- **iOS 11.0** and Above\n\n\u003cbr/\u003e\n\n\u003chr/\u003e\n\n\n## ɪɪɪ ⁃ ᴠɪꜱᴜᴀʟ ᴛᴏᴜʀ ᴏꜰ ᴛʜᴇ ᴀᴘᴘ: ꜱᴄʀᴇᴇɴꜱ\n\n\n\u003cp align=\"center\"\u003e \n —–— ◇ —–— \n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e  \n\u003cimg src=\"./_archive/screenshots/screenshot-11.png\" width=180\u003e\n\u003cimg src=\"./_archive/screenshots/screenshot-1-home.png\" width=180\u003e  \n\u003cimg src=\"./_archive/screenshots/screenshot-2.jpg\" width=180\u003e\n\u003cimg src=\"./_archive/screenshots/screenshot-3.jpg\" width=180\u003e  \n\n\u003c/p\u003e  \n\n\u003cp align=\"center\"\u003e  \n\u003cimg src=\"./_archive/screenshots/screenshot-4.jpg\" width=180\u003e  \n\u003cimg src=\"./_archive/screenshots/screenshot-5.jpg\" width=180\u003e  \n\u003cimg src=\"./_archive/screenshots/screenshot-7.png\" width=180\u003e\n\u003cimg src=\"./_archive/screenshots/screenshot-8.jpg\" width=180\u003e \n\u003c/p\u003e  \n\n\n#\n\u003cdiv align=\"center\"\u003e\n\n\n![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)\n![ForTheBadge GIT](https://forthebadge.com/images/badges/uses-git.svg)\n\n\n\u003cbr/\u003e\n\n\u003ckbd\u003e[\u0026nbsp; ⮝ \u0026nbsp;  BACK TO TOP  \u0026nbsp;\u0026nbsp;\u0026nbsp;](#ɪ----ᴘʀᴏᴊᴇᴄᴛ-ɪɴꜰᴏ) \u003c/kbd\u003e\n\u003c/div\u003e\n\n\n\n\n#\n## ɪᴠ ⁃ ᴘʀᴏᴊᴇᴄᴛ ʙʀᴀɴᴄʜᴇꜱ\n\n\u003c!-- Main / Master / Production Branch --\u003e\n\n\u003e \u003csamp\u003e **PRODUCTION BRANCH :**  \u003c/samp\u003e  \n\u003e Stable code for deployment  \n\u003e ➲ [main][branch-main]\n\n\n\u003e \u003csamp\u003e **DEVELOPMENT BRANCH :**  \u003c/samp\u003e   \n\u003e Active codebase for ongoing development efforts  (New features, bug fixes, and improvements..)  \n\u003e ➲ [development][branch-development]\n\n\n[branch-main]:  https://github.com/NovaLogics/coffee-lab-reactnative-app/tree/main\n\n[branch-development]:  https://github.com/NovaLogics/coffee-lab-reactnative-app/tree/development-next\n\n\n#\n### ➲ Code from the scratch ♨\nExplore the branches: Stage 1–15\n\n\u003cdetails\u003e\n\u003csummary\u003e \u003cstrong\u003e ♨ CoffeeLab React Native App : Branches ♨ \u003c/strong\u003e \u003c/summary\u003e\n\n#### Branches  \n\n1. **Init React Native Project** : [**stage-01-init-react-native-project**](https://github.com/NovaLogics/coffee-lab-reactnative-app/tree/stage-01-init-react-native-project)  \n   Initial setup of the React Native project.\n\n2. **Project Setup** : [**stage-02-project-setup**](https://github.com/NovaLogics/coffee-lab-reactnative-app/tree/stage-02-project-setup)  \n   Configuring essential libraries and dependencies.\n\n3. **Asset Allocation** : [**stage-03-asset-allocation**](https://github.com/NovaLogics/coffee-lab-reactnative-app/tree/stage-03-asset-allocation)  \n   Allocation of images and fonts to the project.\n\n4. **Data, Theme, and Structural Setup** : [**stage-04-data-theme-and-structural-setup**](https://github.com/NovaLogics/coffee-lab-reactnative-app/tree/stage-04-data-theme-and-structural-setup)  \n   Setting up data models, theme configuration, and basic project structure.\n\n5. **Custom Icon Setup** : [**stage-05-custom-icon-setup**](https://github.com/NovaLogics/coffee-lab-reactnative-app/tree/stage-05-custom-icon-setup)  \n   Implementing custom app icons.\n\n6. **Screens, Stack, and Tab Navigators** : [**stage-06-screens-stack-and-tab-navigators**](https://github.com/NovaLogics/coffee-lab-reactnative-app/tree/stage-06-screens-stack-and-tab-navigators)  \n   Setting up screens with stack and tab navigators.\n\n7. **Building Zustand Store** : [**stage-07-building-zustand-store**](https://github.com/NovaLogics/coffee-lab-reactnative-app/tree/stage-07-building-zustand-store)  \n   Implementing the Zustand store for state management.\n\n8. **Implement Home Screen** : [**stage-08-impl-home-screen**](https://github.com/NovaLogics/coffee-lab-reactnative-app/tree/stage-08-impl-home-screen)  \n   Developing the home screen with dynamic content.\n\n9. **Implement UseStore Hook** : [**stage-09-impl-usestore-hook**](https://github.com/NovaLogics/coffee-lab-reactnative-app/tree/stage-09-impl-usestore-hook)  \n   Creating and implementing the useStore hook for state management.\n\n10. **Implement Detail Screen** : [**stage-10-Impl-detail-screen**](https://github.com/NovaLogics/coffee-lab-reactnative-app/tree/stage-10-Impl-detail-screen)  \n    Building the product detail screen.\n\n11. **Implement Cart Screen** : [**stage-11-impl-cart-screen**](https://github.com/NovaLogics/coffee-lab-reactnative-app/tree/stage-11-impl-cart-screen)  \n    Developing the cart screen functionality.\n\n12. **Implement Favorite Screen** : [**stage-12-impl-favorite-screen**](https://github.com/NovaLogics/coffee-lab-reactnative-app/tree/stage-12-impl-favorite-screen)  \n    Implementing the favorite items screen.\n\n13. **Implement Payment Screen** : [**stage-13-impl-payment-screen**](https://github.com/NovaLogics/coffee-lab-reactnative-app/tree/stage-13-impl-payment-screen)  \n    Setting up the payment screen with checkout options.\n\n14. **Implement Order History Screen** : [**stage-14-impl-order-history-screen**](https://github.com/NovaLogics/coffee-lab-reactnative-app/tree/stage-14-impl-order-history-screen)  \n    Creating the order history screen for users.\n\n15. **Implement Splash Screen** : [**stage-15-impl-splash-screen**](https://github.com/NovaLogics/coffee-lab-reactnative-app/tree/stage-15-impl-splash-screen)  \n    Developing the splash screen on app startup.\n\n\n\u003c/details\u003e\n\n\u003cbr/\u003e\n\n#### Others\n- **Integrate Nativewind** : [**branch :: integrate-nativewind**](https://github.com/NovaLogics/coffee-lab-reactnative-app/tree/feature/integrate-nativewind)  \n\n- **MVVM Migration** : [**branch :: mvvm-architecture**](https://github.com/NovaLogics/coffee-lab-reactnative-app/tree/feature/mvvm-architecture)  \n\n\n\u003cbr/\u003e\n\n\u003cbr/\u003e\n\n#\n## ᴠ ⁃ ʙᴇʜɪɴᴅ ᴛʜᴇ ᴄᴏᴅᴇ: ᴅᴇᴠ ꜰᴇᴀᴛᴜʀᴇꜱ\n\n### ⭓ Project Architecture\n\n### Modular Domain Architecture \n\nThis document outlines a scalable and maintainable folder structure for React Native apps using TypeScript. It covers the benefits of this architecture, offers guidelines for efficient app development, and compares it with alternative solutions to enhance scalability and performance.\n\n### High-level directory structure overview\n\n```plaintext\nroot\n├── 📂 src                    // Application source code\n│   ├── 📂 api                // Network-related code (API calls, clients)\n│   ├── 🗂️ assets             // Static assets (images, fonts, etc.)\n│   ├── 📂 components         // Reusable UI components\n│   ├── 📂 config             // App configuration (themes, constants)\n│   ├── 📂 hooks              // Custom React hooks\n│   ├── 📂 navigation         // Navigation setup\n│   ├── 📂 screens            // Screen-specific logic and views\n│   ├── 📂 state              // App state management\n│   ├── 📂 styles             // Global styling or shared styles\n│   ├── 📂 types              // Shared types and interfaces\n│   ├── 📂 utils              // Utility functions or helpers\n│   └── 📄 index.tsx          // Entry point for the app\n│\n├── 📄 .env                   // Environment variables\n├── 📄 App.tsx                // Main App component\n├── 📄 tsconfig.json          // TypeScript configuration\n├── 📄 package.json\n├── 📄 babel.config.js\n└── 📄 README.md\n```\n\n*CHECK OUT MORE* :-\u003e \u0026nbsp; [ **Project Architecture Blueprint** ](./_archive/docs/modular-domain-architecture.md)\n\n#\n### ⭓ App Dependencies/Libraries Overview\n\n* [@react-native-async-storage/async-storage][0]: Async storage for storing data locally in a React Native app.\n* [@react-native-community/blur][1]: Adds support for creating blur effects on React Native views.\n* [@react-navigation/bottom-tabs][2]: A library for creating bottom tab navigators in React Navigation.\n* [@react-navigation/native][3]: Core library for React Navigation, providing navigation functionality.\n* [@react-navigation/native-stack][4]: A native stack navigator for React Navigation, offering high-performance navigation.\n* [immer][5]: A package to work with immutable state in a more convenient way by applying patches.\n* [lottie-react-native][6]: Library for rendering Lottie animations in React Native.\n* [react][7]: A JavaScript library for building user interfaces, core for React Native.\n* [react-native][8]: Framework for building native apps using React.\n* [react-native-linear-gradient][9]: A React Native component for creating linear gradient backgrounds.\n* [react-native-safe-area-context][10]: Provides safe area boundaries for React Native apps.\n* [react-native-screens][11]: Optimizes navigation and transitions in React Native using native screens.\n* [react-native-splash-screen][12]: A splash screen library for React Native apps.\n* [react-native-vector-icons][13]: A library for using vector icons in React Native apps.\n* [zustand][14]: A small, fast state-management library for React.\n\n#### Dev Dependencies\n\n* [@babel/core][15]: Babel core package for transforming JavaScript code.\n* [@babel/preset-env][16]: Babel preset for compiling modern JavaScript.\n* [@babel/runtime][17]: Babel runtime for handling helper functions.\n* [@react-native/babel-preset][18]: Babel preset tailored for React Native development.\n* [@react-native/eslint-config][19]: ESLint configuration for React Native projects.\n* [@react-native/metro-config][20]: Metro bundler configuration for React Native.\n* [@react-native/typescript-config][21]: TypeScript configuration for React Native projects.\n* [@types/react][22]: TypeScript type definitions for React.\n* [@types/react-native-vector-icons][23]: TypeScript type definitions for react-native-vector-icons.\n* [@types/react-test-renderer][24]: TypeScript type definitions for react-test-renderer.\n* [babel-jest][25]: Jest transformer for Babel.\n* [eslint][26]: Linter tool for ensuring code quality and consistency.\n* [jest][27]: Testing framework for JavaScript.\n* [prettier][28]: Code formatter for maintaining consistent code style.\n* [react-test-renderer][29]: React testing utilities for rendering components in a test environment.\n* [typescript][30]: A strongly typed programming language that builds on JavaScript.\n\n[0]: https://github.com/react-native-async-storage/async-storage\n[1]: https://github.com/react-native-community/blur\n[2]: https://reactnavigation.org/docs/bottom-tab-navigator\n[3]: https://reactnavigation.org/docs/getting-started\n[4]: https://reactnavigation.org/docs/native-stack-navigator\n[5]: https://immerjs.github.io/immer/\n[6]: https://github.com/lottie-react-native/lottie-react-native\n[7]: https://reactjs.org/\n[8]: https://reactnative.dev/\n[9]: https://github.com/react-native-linear-gradient/react-native-linear-gradient\n[10]: https://github.com/th3rdwave/react-native-safe-area-context\n[11]: https://github.com/software-mansion/react-native-screens\n[12]: https://github.com/crazycodeboy/react-native-splash-screen\n[13]: https://github.com/oblador/react-native-vector-icons\n[14]: https://github.com/pmndrs/zustand\n[15]: https://babeljs.io/docs/en/babel-core\n[16]: https://babeljs.io/docs/en/babel-preset-env\n[17]: https://babeljs.io/docs/en/babel-runtime\n[18]: https://github.com/facebook/react-native/tree/main/packages/babel-preset-react-native\n[19]: https://github.com/react-native-community/eslint-config\n[20]: https://github.com/facebook/metro\n[21]: https://github.com/react-native-community/typescript-config\n[22]: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react\n[23]: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-native-vector-icons\n[24]: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-test-renderer\n[25]: https://github.com/babel/babel-jest\n[26]: https://eslint.org/\n[27]: https://jestjs.io/\n[28]: https://prettier.io/\n[29]: https://github.com/facebook/react/tree/main/packages/react-test-renderer\n[30]: https://www.typescriptlang.org/\n\n\n\n\u003cbr/\u003e\n\n#\n# ᴠɪ ⁃ ᴘʀᴏᴊᴇᴄᴛ ɴᴏᴛᴇꜱ\n\n### ⭓ Quick Start\n\nFollow these steps to set up the project on your local machine.\n\n#### 1. Prerequisites\n\nEnsure you have the following installed:\n\n- **Git**: Version control system.\n- **Node.js**: JavaScript runtime.\n- **npm**: Node Package Manager (comes with Node.js).\n\n\u003e**Note**: And make sure you have completed the [React Native - Environment Setup](https://reactnative.dev/docs/environment-setup) instructions up to the \"Creating a new application\" step, before proceeding.\n\n#\n#### 2. Cloning the Repository\n\n- Clone the repository:\n   ```bash\n   git clone https://github.com/NovaLogics/coffee-lab-reactnative-app.git\n   ```\n- Navigate to the project directory:\n   ```bash\n   cd coffee-lab-reactnative-app\n   ```\n\n#\n#### 3. Installation\n\nInstall the project dependencies:\n```bash\nnpm install\n```\n\n\u003cbr/\u003e\n\n### ⭓ Getting Started\n\n#### Step 1: Start the Metro Server\n1. Open the terminal at the root of your React Native project.\n2. Run the following command to start **Metro** (the JavaScript bundler):\n   ```bash\n   npm start\n   ```\n\n#\n#### Step 2: Start Your Application\n1. Let Metro Bundler continue running in its own terminal.\n2. Open a new terminal and run the following command to start your app on Android:\n   ```bash \n   npm run android\n   ```\n\n   OR to start on iOS:\n   ```bash \n   npm run ios\n   ```\n\n#\n#### Step 3: Modifying Your App\n1. Open `App.tsx` in your preferred text editor and make changes.\n2. For **Android**: Press the \u003ckbd\u003eR\u003c/kbd\u003e key twice or select **\"Reload\"** from the Developer Menu (\u003ckbd\u003eCtrl\u003c/kbd\u003e + \u003ckbd\u003eM\u003c/kbd\u003e on Windows/Linux or \u003ckbd\u003eCmd ⌘\u003c/kbd\u003e + \u003ckbd\u003eM\u003c/kbd\u003e on macOS) to see your changes.\n   \n   For **iOS**: Press \u003ckbd\u003eCmd ⌘\u003c/kbd\u003e + \u003ckbd\u003eR\u003c/kbd\u003e in the iOS Simulator to reload the app and view your changes.\n\n---\n\n#### Troubleshooting\n- If you encounter issues, visit the [Troubleshooting](https://reactnative.dev/docs/troubleshooting) page for guidance.\n\n---\n\n\n#### Release Build Installation\nMain command for `Release build install`:\n```bash \n./gradlew installRelease\n  ```\n\nFull command:\n1. Navigate to the **android** directory:`cd android`\n2. Clean the build: `./gradlew clean`\n3. Install the release build: `./gradlew installRelease`\n4. Return to the root directory: `cd ..`\n\n\u003cbr/\u003e\n\nFull Command:\n  ```bash \n  cd android\n  ./gradlew clean\n  ./gradlew installRelease\n  cd ..\n  ```\n\n\u003cbr/\u003e\n\n#\n#### Run with Metro\n1. Navigate to the **android** directory: `cd android`\n\n2. Clean the build: `./gradlew clean`\n\n3. Return to the root directory: `cd ..`\n   \n4. Run the app on Android: `npx react-native run-android`\n\n\nFull Command:\n  ```bash \n  cd android\n  ./gradlew clean\n  cd ..\n  npx react-native run-android\n  ```\n\n\u003cbr/\u003e\n\n---\n\n\u003cbr/\u003e\n\n\u003ckbd\u003e[\u0026nbsp; ⮝ \u0026nbsp;  BACK TO TOP  \u0026nbsp;\u0026nbsp;\u0026nbsp;](#ɪ----ᴘʀᴏᴊᴇᴄᴛ-ɪɴꜰᴏ) \u003c/kbd\u003e\n\n---\n\n\n\u003cbr/\u003e\n\n\n\n\u003ch3 align=\"center\" \u003e \n —–— ◇ —–—  \u003cbr/\u003e\n\u003c/h3\u003e \n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnovalogics%2Fcoffee-lab-reactnative-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnovalogics%2Fcoffee-lab-reactnative-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnovalogics%2Fcoffee-lab-reactnative-app/lists"}