{"id":23170766,"url":"https://github.com/rit3zh/react-native-weather-app","last_synced_at":"2026-01-31T20:03:41.124Z","repository":{"id":265971017,"uuid":"895219835","full_name":"rit3zh/react-native-weather-app","owner":"rit3zh","description":"React Native Weather App provides real-time weather updates using the OpenWeather API and Firebase. It offers location-based forecasts, search functionality, and a weather history feature, all in a clean and user-friendly interface.","archived":false,"fork":false,"pushed_at":"2024-12-01T20:30:46.000Z","size":2687,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-10-09T09:27:49.375Z","etag":null,"topics":["open-weather-api","react","react-native","react-native-weather","typescript","weather"],"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/rit3zh.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-27T19:30:30.000Z","updated_at":"2025-09-18T07:50:33.000Z","dependencies_parsed_at":"2024-12-01T21:42:14.215Z","dependency_job_id":null,"html_url":"https://github.com/rit3zh/react-native-weather-app","commit_stats":null,"previous_names":["rit3zh/react-native-weather-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/rit3zh/react-native-weather-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rit3zh%2Freact-native-weather-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rit3zh%2Freact-native-weather-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rit3zh%2Freact-native-weather-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rit3zh%2Freact-native-weather-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rit3zh","download_url":"https://codeload.github.com/rit3zh/react-native-weather-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rit3zh%2Freact-native-weather-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28952580,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-31T18:30:42.805Z","status":"ssl_error","status_checked_at":"2026-01-31T18:30:19.593Z","response_time":128,"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":["open-weather-api","react","react-native","react-native-weather","typescript","weather"],"created_at":"2024-12-18T04:14:57.006Z","updated_at":"2026-01-31T20:03:41.107Z","avatar_url":"https://github.com/rit3zh.png","language":"TypeScript","funding_links":["https://www.buymeacoffee.com/rit3zh"],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n    \u003cp align=\"center\"\u003e\n    \u003cimg src=\"./assets/weather_mockup.png\"\u003e\n    \u003cimg src=\"./assets/logo.png\" width=500\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://github.com/rit3zh/react-native-weather-app\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://forthebadge.com/images/badges/built-with-love.svg\"/\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n  \u003cp align=\"center\"\u003e\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://github.com/rit3zh/react-native-weather-app\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Made_with-React_native-blue\" alt=\"Build Status\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/rit3zh/react-native-weather-app\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Maintained%3F-yes-green.svg\" alt=\"Build Status\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/rit3zh/react-native-weather-app\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/License-Boost_1.0-lightblue.svg\" alt=\"Codecov\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/rit3zh/react-native-weather-app\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/License-ISC-blue.svg\" alt=\"License\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/rit3zh/react-native-weather-app\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://badgen.net/github/release/Naereen/Strapdown.js\" alt=\"License\"\u003e\n  \u003c/a\u003e\n\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.buymeacoffee.com/rit3zh\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://www.buymeacoffee.com/assets/img/custom_images/yellow_img.png\" /\u003e\n  \u003c/a\u003e\n  \n\u003c/p\u003e\n\n# Weather App\n\n**React Native Weather** is an open-source, feature-rich weather application designed to provide accurate and up-to-date weather forecasts. With a clean and intuitive user interface, it ensures you always stay informed about the weather conditions in your area and beyond.\n\n## Features 🚀\n\n- **Fetch Default Location**: Automatically detects and displays weather for your current location.\n\n- **Real-Time Weather Data**: Fetches weather updates in real time using the OpenWeather API.\n\n- **Firebase Integration**: Leverages Firebase for real-time data synchronization, including history and search.\n\n- **Search Locations**: Search for weather details of any city or location with instant results.\n\n- **Real-Time History**: Automatically updates your weather search history in real time.\n\n- **User-Friendly Interface**: Minimalistic and responsive design for a seamless experience.\n\n## Screenshots\n\n|                                                                                         |                                                                                         |                                                                                             |\n| :-------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------: |\n| \u003cimg width=\"1604\" alt=\"screen shot 2017-08-07 at 12 18 15 pm\" src=\"./assets/intro.png\"\u003e |  \u003cimg width=\"1604\" alt=\"screen shot 2017-08-07 at 12 18 15 pm\" src=\"./assets/ss1.png\"\u003e  | \u003cimg width=\"1604\" alt=\"screen shot 2017-08-07 at 12 18 15 pm\" src=\"./assets/recent_ss.png\"\u003e |\n| \u003cimg width=\"1604\" alt=\"screen shot 2017-08-07 at 12 18 15 pm\" src=\"./assets/japan.png\"\u003e | \u003cimg width=\"1604\" alt=\"screen shot 2017-08-07 at 12 18 15 pm\" src=\"./assets/state.png\"\u003e |  \u003cimg width=\"1604\" alt=\"screen shot 2017-08-07 at 12 18 15 pm\" src=\"./assets/search.png\"\u003e   |\n\n\n## How to Use the App 🚀\n\nTo get started with the WeatherApp, follow these steps:\n\n1. **Clone the Repository**  \n   ```bash\n   git clone https://github.com/rit3zh/react-native-weather-app\n   cd react-native-weather-app\n   ```\n\n2. **Set Up Environment Variables**  \n   Create a `.env` file in the project root with the following content:\n\n   ```env\n   EXPO_PUBLIC_USER_SECRET_KEY=\u003cYOUR_USER_SECRET_KEY\u003e #anything unique\n   EXPO_PUBLIC_WEATHER_API_KEY=\u003cYOUR_WEATHER_API_KEY\u003e #https://openweathermap.org/\n   EXPO_PUBLIC_WEATHER_CURRENT_API_KEY=\u003cYOUR_CURRENT_WEATHER_API_KEY\u003e #Not required\n   EXPO_PUBLIC_IP_KEY=\u003cYOUR_IP_API_KEY\u003e #https://ipinfo.io\n   ```\n\n   Replace `\u003cYOUR_USER_SECRET_KEY\u003e`, `\u003cYOUR_WEATHER_API_KEY\u003e`, `\u003cYOUR_CURRENT_WEATHER_API_KEY\u003e`, and `\u003cYOUR_IP_API_KEY\u003e` with your own keys.\n\n3. **Configure Firebase**  \n   Set up Firebase by creating a `db/index.ts` file and adding the following code:\n\n   ```typescript\n   import { initializeApp, FirebaseOptions } from \"firebase/app\";\n   import { getFirestore } from \"firebase/firestore\";\n\n   const firebaseConfig: FirebaseOptions = {\n     apiKey: \"\u003cYOUR_API_KEY\u003e\",\n     authDomain: \"\u003cYOUR_AUTH_DOMAIN\u003e\",\n     projectId: \"\u003cYOUR_PROJECT_ID\u003e\",\n     storageBucket: \"\u003cYOUR_STORAGE_BUCKET\u003e\",\n     messagingSenderId: \"\u003cYOUR_MESSAGING_SENDER_ID\u003e\",\n     appId: \"\u003cYOUR_APP_ID\u003e\",\n     measurementId: \"\u003cYOUR_MEASUREMENT_ID\u003e\",\n   };\n\n   export const app = initializeApp(firebaseConfig);\n   export const db = getFirestore(app);\n   ```\n\n   Replace placeholders like `\u003cYOUR_API_KEY\u003e` with your Firebase configuration.\n\n4. **Install Dependencies**  \n   Install all required packages:\n\n   ```bash\n   npm install\n   ```\n\n5. **Run the Application**:\n\n   ```bash\n   yarn start --reset-cache\n   ```\n\n6. **Explore the App**\n   - Access real-time weather updates.\n   - Search for weather in other cities.\n   - Check your weather search history.\n\n---\n\n### ⭐ Consider leaving a Star if you like this repository. ⭐\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frit3zh%2Freact-native-weather-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frit3zh%2Freact-native-weather-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frit3zh%2Freact-native-weather-app/lists"}