{"id":28240394,"url":"https://github.com/chayan2009/weatherapp-reactnative-typescript","last_synced_at":"2025-08-21T03:11:03.538Z","repository":{"id":287254465,"uuid":"964095979","full_name":"chayan2009/WeatherApp-ReactNative-TypeScript","owner":"chayan2009","description":"A Weather App for react native using typescript.","archived":false,"fork":false,"pushed_at":"2025-04-23T08:11:44.000Z","size":642,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-12T04:39:49.804Z","etag":null,"topics":["axios","context-api","customhooks","generic","jest-tests","mockito","navigation","typescript","unittest"],"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/chayan2009.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,"zenodo":null}},"created_at":"2025-04-10T17:22:30.000Z","updated_at":"2025-04-23T08:11:47.000Z","dependencies_parsed_at":null,"dependency_job_id":"90bf51c9-16bd-4270-bff5-8042b752d5cf","html_url":"https://github.com/chayan2009/WeatherApp-ReactNative-TypeScript","commit_stats":null,"previous_names":["chayan2009/weatherapp-reactnative-typescript"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/chayan2009/WeatherApp-ReactNative-TypeScript","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chayan2009%2FWeatherApp-ReactNative-TypeScript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chayan2009%2FWeatherApp-ReactNative-TypeScript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chayan2009%2FWeatherApp-ReactNative-TypeScript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chayan2009%2FWeatherApp-ReactNative-TypeScript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chayan2009","download_url":"https://codeload.github.com/chayan2009/WeatherApp-ReactNative-TypeScript/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chayan2009%2FWeatherApp-ReactNative-TypeScript/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271420146,"owners_count":24756490,"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","status":"online","status_checked_at":"2025-08-21T02:00:08.990Z","response_time":74,"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":["axios","context-api","customhooks","generic","jest-tests","mockito","navigation","typescript","unittest"],"created_at":"2025-05-19T03:13:13.158Z","updated_at":"2025-08-21T03:11:03.532Z","avatar_url":"https://github.com/chayan2009.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"##  Architecture Overview\n\n```sh\nTypeScript ---- Strong typing support for React Native\nRedux Toolkit ---- Global state management with slice-based structure\nRedux Persist ---- Persistent Redux store across app restarts\nReact Context API ---- Lightweight state sharing across feature modules\nCustom Hooks ---- Reusable logic like debounced search, weather formatting\nAxios ---- For API requests to external weather service\nReact Navigation (v6) ---- Stack \u0026 tab navigation setup\nAsyncStorage ----- Used with Redux Persist for local state\nESLint + Prettier ----- Code linting and formatting\nModular Folder Structure ----- Feature-based separation with screens, hooks, services, components, etc.\n```\nThis app follows a **modular clean architecture** pattern and includes the following core components:\n\nThis is a new [**React![Screenshot_1744407694](https://github.com/user-attachments/assets/01ae9083-49d2-456a-a5d4-0202ebabc245)\nt Native**](https://reactnative.dev) project, bootstrapped using [`@react-native-community/cli`](https://github.com/react-native-community/cli).\n![Screenshot_1744407690](https://github.com/user-attachments/assets/a105ecdb-a3cf-43f9-ac24-60bd127289a7)\n\n\n# Getting Started\n\n\u003e **Note**: Make sure you have completed the [Set Up Your Environment](https://reactnative.dev/docs/set-up-your-environment) guide before proceeding.\n\n## Step 1: Start Metro\n\nFirst, you will need to run **Metro**, the JavaScript build tool for React Native.\n\nTo start the Metro dev server, run the following command from the root of your React Native project:\n\n```sh\n# Using npm\nnpm start\n\n# OR using Yarn\nyarn start\n```\n\n## Step 2: Build and run your app\n\nWith Metro running, open a new terminal window/pane from the root of your React Native project, and use one of the following commands to build and run your Android or iOS app:\n\n### Android\n\n```sh\n# Using npm\nnpm run android\n\n# OR using Yarn\nyarn android\n```\n\n### iOS\n\nFor iOS, remember to install CocoaPods dependencies (this only needs to be run on first clone or after updating native deps).\n\nThe first time you create a new project, run the Ruby bundler to install CocoaPods itself:\n\n```sh\nbundle install\n```\n\nThen, and every time you update your native dependencies, run:\n\n```sh\nbundle exec pod install\n```\n\nFor more information, please visit [CocoaPods Getting Started guide](https://guides.cocoapods.org/using/getting-started.html).\n\n```sh\n# Using npm\nnpm run ios\n\n# OR using Yarn\nyarn ios\n```\n\nIf everything is set up correctly, you should see your new app running in the Android Emulator, iOS Simulator, or your connected device.\n\nThis is one way to run your app — you can also build it directly from Android Studio or Xcode.\n\n## Step 3: Modify your app\n\nNow that you have successfully run the app, let's make changes!\n\nOpen `App.tsx` in your text editor of choice and make some changes. When you save, your app will automatically update and reflect these changes — this is powered by [Fast Refresh](https://reactnative.dev/docs/fast-refresh).\n\nWhen you want to forcefully reload, for example to reset the state of your app, you can perform a full reload:\n\n- **Android**: Press the \u003ckbd\u003eR\u003c/kbd\u003e key twice or select **\"Reload\"** from the **Dev Menu**, accessed via \u003ckbd\u003eCtrl\u003c/kbd\u003e + \u003ckbd\u003eM\u003c/kbd\u003e (Windows/Linux) or \u003ckbd\u003eCmd ⌘\u003c/kbd\u003e + \u003ckbd\u003eM\u003c/kbd\u003e (macOS).\n- **iOS**: Press \u003ckbd\u003eR\u003c/kbd\u003e in iOS Simulator.\n\n## Congratulations! :tada:\n\nYou've successfully run and modified your React Native App. :partying_face:\n\n### Now what?\n\n- If you want to add this new React Native code to an existing application, check out the [Integration guide](https://reactnative.dev/docs/integration-with-existing-apps).\n- If you're curious to learn more about React Native, check out the [docs](https://reactnative.dev/docs/getting-started).\n\n# Troubleshooting\n\nIf you're having issues getting the above steps to work, see the [Troubleshooting](https://reactnative.dev/docs/troubleshooting) page.\n\n# Learn More\n\nTo learn more about React Native, take a look at the following resources:\n\n- [React Native Website](https://reactnative.dev) - learn more about React Native.\n- [Getting Started](https://reactnative.dev/docs/environment-setup) - an **overview** of React Native and how setup your environment.\n- [Learn the Basics](https://reactnative.dev/docs/getting-started) - a **guided tour** of the React Native **basics**.\n- [Blog](https://reactnative.dev/blog) - read the latest official React Native **Blog** posts.\n- [`@facebook/react-native`](https://github.com/facebook/react-native) - the Open Source; GitHub **repository** for React Native.\n# WeatherApp-ReactNative-TypeScript\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchayan2009%2Fweatherapp-reactnative-typescript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchayan2009%2Fweatherapp-reactnative-typescript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchayan2009%2Fweatherapp-reactnative-typescript/lists"}