{"id":20136345,"url":"https://github.com/megatron-xcoder/react_weather_app","last_synced_at":"2026-02-27T05:34:13.200Z","repository":{"id":246827292,"uuid":"822285690","full_name":"Megatron-XCoder/React_Weather_App","owner":"Megatron-XCoder","description":"Welcome to the React Weather App! This project provides real-time weather updates for any city or country using the OpenWeather API. Built with React and styled with Tailwind CSS, this app is designed to be sleek, responsive, and user-friendly.","archived":false,"fork":false,"pushed_at":"2025-04-15T10:34:49.000Z","size":435,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-19T10:42:32.228Z","etag":null,"topics":["react-weather","react-weather-app","react-weather-application","react-weatherapp","updated-weather-app","weather","weather-app"],"latest_commit_sha":null,"homepage":"https://sunnyweather.vercel.app/","language":"JavaScript","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/Megatron-XCoder.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":"2024-06-30T20:08:40.000Z","updated_at":"2025-04-15T10:34:53.000Z","dependencies_parsed_at":null,"dependency_job_id":"beec4ca6-ce68-460a-b6d6-76aa8fc880c5","html_url":"https://github.com/Megatron-XCoder/React_Weather_App","commit_stats":null,"previous_names":["megatron-xcoder/react_weather_app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Megatron-XCoder/React_Weather_App","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Megatron-XCoder%2FReact_Weather_App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Megatron-XCoder%2FReact_Weather_App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Megatron-XCoder%2FReact_Weather_App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Megatron-XCoder%2FReact_Weather_App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Megatron-XCoder","download_url":"https://codeload.github.com/Megatron-XCoder/React_Weather_App/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Megatron-XCoder%2FReact_Weather_App/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29885846,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-26T23:51:21.483Z","status":"online","status_checked_at":"2026-02-27T02:00:06.759Z","response_time":57,"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":["react-weather","react-weather-app","react-weather-application","react-weatherapp","updated-weather-app","weather","weather-app"],"created_at":"2024-11-13T21:18:42.134Z","updated_at":"2026-02-27T05:34:13.166Z","avatar_url":"https://github.com/Megatron-XCoder.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# :sun_with_face: :thermometer: React Weather App\n\nWelcome to the React Weather App! This project provides real-time weather updates for any city or country using the OpenWeather API. Built with React and styled with Tailwind CSS, this app is designed to be sleek, responsive, and user-friendly.\n\n\u003cimg align=\"center\" alt=\"Sample Preview\" width=\"400\" src=\"https://github.com/Megatron-XCoder/React_Weather_App/blob/main/public/Screenshot%202024-07-01%20020445.png\"\u003e\n\n\n## Features\n\n- **Real-time Weather Data :** Get current weather details including temperature, humidity, wind speed, and visibility.\n- **Responsive Design :** Optimized for viewing on all devices, from desktops to smartphones.\n- **Loading Animations :** Enjoy smooth and visually appealing loading animations.\n- **Error Handling :** Custom error messages for invalid city or country inputs.\n- **Dynamic Icons :** Weather-specific icons for a more intuitive interface.\n- **Custom Fonts :** Modern and stylish look with Google Fonts integration.\n\n## Technologies Used\n\n- **React :** A JavaScript library for building user interfaces.\n- **Tailwind CSS :** A utility-first CSS framework for rapid UI development.\n- **OpenWeather API :** Provides comprehensive weather data.\n- **Axios :** A promise-based HTTP client for the browser and Node.js.\n- **Varcel :** A website to deploy your projects on web.\n\n## Getting Started\n- **Deployed Link** -  CLICK HERE :smiley_cat:  \u003ca href=\"https://sunnyweather.vercel.app/\"\u003e React-Weather-App \u003c/a\u003e\n\n### Prerequisites\nEnsure you have the following installed on your local machine:\n- React JS\n- Node.js\n- npm (Node Package Manager)\n\n### Usage\n- Enter the **name of a city** or **country** in the search bar and press enter.\n- View the current weather details including temperature, humidity, wind speed, and more.\n\n### Contributing\n- Contributions are welcome! Please fork the repository and submit a pull request for any features, bug fixes, or improvements.\n\n### License\n - This project is licensed under the **MIT License**.\n\n### Acknowledgments\n- Icons by \u003ca href=\"https://react-icons.github.io/react-icons/\"\u003e React Icons \u003c/a\u003e\n- Weather data by \u003ca href=\"https://openweathermap.org/\"\u003e Open Weather Map \u003c/a\u003e\n- CSS framework by \u003ca href=\"https://tailwindcss.com/\"\u003e Tailwind CSS \u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmegatron-xcoder%2Freact_weather_app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmegatron-xcoder%2Freact_weather_app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmegatron-xcoder%2Freact_weather_app/lists"}