{"id":18420529,"url":"https://github.com/ahmednassar7/weather-application","last_synced_at":"2026-04-09T12:52:12.094Z","repository":{"id":216862359,"uuid":"742547506","full_name":"AhmedNassar7/Weather-Application","owner":"AhmedNassar7","description":" A weather application utilizing React and Material-UI, with open API for current weather","archived":false,"fork":false,"pushed_at":"2024-08-31T22:26:04.000Z","size":8188,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-13T09:18:38.971Z","etag":null,"topics":["api","css","html","javascript","json","material-ui","openapi","react","reactjs","weather-app"],"latest_commit_sha":null,"homepage":"","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/AhmedNassar7.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}},"created_at":"2024-01-12T18:11:38.000Z","updated_at":"2024-09-19T13:47:39.000Z","dependencies_parsed_at":null,"dependency_job_id":"7f194fb9-48f3-452f-b698-e0358b617280","html_url":"https://github.com/AhmedNassar7/Weather-Application","commit_stats":null,"previous_names":["ahmednassar7/weather-application"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AhmedNassar7%2FWeather-Application","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AhmedNassar7%2FWeather-Application/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AhmedNassar7%2FWeather-Application/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AhmedNassar7%2FWeather-Application/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AhmedNassar7","download_url":"https://codeload.github.com/AhmedNassar7/Weather-Application/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248688558,"owners_count":21145767,"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":["api","css","html","javascript","json","material-ui","openapi","react","reactjs","weather-app"],"created_at":"2024-11-06T04:22:08.033Z","updated_at":"2025-12-30T23:05:04.693Z","avatar_url":"https://github.com/AhmedNassar7.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Weather App\n![Haze](https://github.com/nadaaosman/Weather-application/assets/84284180/a11d4baa-d805-4585-a807-50dbb2008c87)\n\n![ThunderStorm](https://github.com/nadaaosman/Weather-application/assets/84284180/459f0730-bb08-4104-81c9-570dba4716bb)\n\n![Mist](https://github.com/nadaaosman/Weather-application/assets/84284180/92af3a80-1873-47a1-8bac-177d4d86f798)\n\n![Rain](https://github.com/nadaaosman/Weather-application/assets/84284180/3a23bd99-a21a-4d76-a4d1-9546158c73cf)\n\n![Clear](https://github.com/nadaaosman/Weather-application/assets/84284180/a44185d2-1e70-4aff-808b-efe94acf82d3)\n\n![Clouds](https://github.com/nadaaosman/Weather-application/assets/84284180/8b0ae833-8729-4766-848e-713fd3630410)\n\n## 📙 About \u003ca name = \"about\"\u003e\u003c/a\u003e\n\nThis is a simple weather application built using React and Material-UI. \nIt fetches current weather data from an open API and displays it to the user.\n\n## 💻 Technology \u003ca name = \"technologies\"\u003e\u003c/a\u003e\n## Technologies Used\n\n- ![React](https://img.shields.io/badge/React-%2300599C.svg?style=for-the-badge\u0026logo=react\u0026logoColor=white) - A JavaScript library for building user interfaces. [Learn more](https://reactjs.org/)\n\n- ![Material-UI](https://img.shields.io/badge/Material--UI-%230081CB.svg?style=for-the-badge\u0026logo=material-ui\u0026logoColor=white) - A popular React UI framework for designing modern and responsive user interfaces. [Learn more](https://material-ui.com/)\n\n- ![Axios](https://img.shields.io/badge/Axios-%233A99D8.svg?style=for-the-badge) - A promise-based HTTP client for making API requests. Used for fetching data from external APIs. [Learn more](https://axios-http.com/)\n\n- ![OpenWeatherMap API](https://img.shields.io/badge/OpenWeatherMap%20API-%23FDB813.svg?style=for-the-badge) - An open API used to fetch current weather data. [Learn more](https://openweathermap.org/api)\n\n## 👌 Features \u003ca name = \"features\"\u003e\u003c/a\u003e\n- Display the current weather conditions for a given location.\n- Use Material-UI for a modern and responsive user interface.\n- Fetch weather data from an open API.\n- Easily customizable for further development.\n\n## 🚀 Getting Started \u003ca name = \"started\"\u003e\u003c/a\u003e\n\nClone this repository to your local machine:\n```\ngit clone https://github.com/AhmedNassar7/Weather-Application.git\n```\nInstall the project dependencies:\n```\nnpm install\n```\nCreate a .env file in the project root and add your API key. You can obtain an API key from the OpenWeatherMap API:\n```\nREACT_APP_API_KEY=your_api_key_here\n```\nStart the development server:\n```\nnpm start\n```\n## 🖥️ App Demo  \u003ca name = \"demo\"\u003e\u003c/a\u003e\n\n\nhttps://github.com/nadaaosman/Weather-application/assets/84284180/0fc3e861-225b-46c6-9c58-de2edffcde18\n\n\nhttps://github.com/nadaaosman/Weather-application/assets/84284180/3880642c-378c-484c-a5b3-f960b3edeca0\n\n\n## ❄️ Usage \u003ca name = \"usage\"\u003e\u003c/a\u003e\n\n- Select a country then the city.\n\n- The app will display the current temperature, weather conditions, and other relevant information.\n\n## Dependencies \u003ca name = \"dependencies\"\u003e\u003c/a\u003e\n- React: https://reactjs.org/\n- Material-UI: https://material-ui.com/\n- Axios: https://axios-http.com/\n\n## API Used \u003ca name = \"api-used\"\u003e\u003c/a\u003e\nThis application uses the OpenWeatherMap API to fetch weather data. You can find more information about the API here: https://openweathermap.org/api\n\n## License\n\n\u003e This software is licensed under MIT License, See [License](https://github.com/Waer1/Crazy-Delivery/blob/master/LICENSE.txt) for more information.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fahmednassar7%2Fweather-application","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fahmednassar7%2Fweather-application","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fahmednassar7%2Fweather-application/lists"}