{"id":22445539,"url":"https://github.com/ajay-dhangar/weather-app-js","last_synced_at":"2026-05-05T05:40:17.526Z","repository":{"id":264957409,"uuid":"865154820","full_name":"ajay-dhangar/weather-app-js","owner":"ajay-dhangar","description":"A simple weather application that allows users to fetch real-time weather data by entering their city name.","archived":false,"fork":false,"pushed_at":"2024-09-30T04:43:27.000Z","size":376,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-19T06:51:46.233Z","etag":null,"topics":["beginner-friendly","beginner-friendly-project","fetch-api","frontend","javascript","openweathermap-api","real-time-weather","responsive-ui","weather","weather-api","weather-app","weather-application","weather-data","weather-forecast","weather-icons","web-development"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ajay-dhangar.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},"funding":{"github":"Ajay-Dhangar","patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":null}},"created_at":"2024-09-30T04:31:01.000Z","updated_at":"2024-10-18T10:17:45.000Z","dependencies_parsed_at":"2024-11-27T00:57:11.291Z","dependency_job_id":null,"html_url":"https://github.com/ajay-dhangar/weather-app-js","commit_stats":null,"previous_names":["ajay-dhangar/weather-app-js"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajay-dhangar%2Fweather-app-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajay-dhangar%2Fweather-app-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajay-dhangar%2Fweather-app-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajay-dhangar%2Fweather-app-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ajay-dhangar","download_url":"https://codeload.github.com/ajay-dhangar/weather-app-js/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245832680,"owners_count":20679701,"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":["beginner-friendly","beginner-friendly-project","fetch-api","frontend","javascript","openweathermap-api","real-time-weather","responsive-ui","weather","weather-api","weather-app","weather-application","weather-data","weather-forecast","weather-icons","web-development"],"created_at":"2024-12-06T03:15:40.536Z","updated_at":"2026-05-05T05:40:17.475Z","avatar_url":"https://github.com/ajay-dhangar.png","language":"CSS","funding_links":["https://github.com/sponsors/Ajay-Dhangar"],"categories":[],"sub_categories":[],"readme":"# Weather App 🌦️\n\nA simple weather application that allows users to fetch real-time weather data by entering their city name. This app displays the temperature, weather description, and additional details like feels-like temperature, humidity, and wind speed.\n\n## Features\n\n- 🌍 Get weather details by city name\n- 🌡️ Displays temperature, weather condition, and weather icon\n- 💨 Displays additional details: \"Feels like\", \"Humidity\", and \"Wind speed\"\n- Responsive design\n\n## Preview\n\n![Weather App Screenshot](./img/screenshot.png)\n\n## Built With\n\n- **HTML5:** Semantic markup for the structure of the app\n- **CSS3:** Styling the app and making it responsive\n- **JavaScript (ES6):** Fetching weather data and updating the DOM\n- **OpenWeatherMap API:** Fetching real-time weather data\n\n## Installation\n\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/your-username/weather-app-js.git\n   cd weather-app-js\n   ```\n\n2. Create a `config.js` file in the root directory and add your OpenWeatherMap API key:\n\n   ```js\n   const config = {\n     apiKey: 'YOUR_API_KEY_HERE', // Add your API key here\n   };\n   ```\n\n3. Open `index.html` in your browser.\n\n## Usage\n\n1. Enter your city name in the input field.\n2. Click on the \"Get weather\" button to fetch weather details.\n3. The app will display the current temperature, description, and additional weather information.\n\n## API Reference\n\nThis project uses the **OpenWeatherMap API** to fetch weather data. You need an API key to use this app, which you can obtain from the [OpenWeatherMap website](https://openweathermap.org/api).\n\n### Example API Request\n\n```bash\nhttps://api.openweathermap.org/data/2.5/weather?q={city name}\u0026appid={API key}\u0026units=metric\n```\n\n## Project Structure\n\n```bash\n├── index.html        # Main HTML file\n├── style.css         # Styling for the Weather App\n├── script.js         # JavaScript file for fetching weather data and DOM manipulation\n├── config.js         # API Key configuration file\n└── bg-1.avif         # Background image for the app\n```\n\n## Screenshots\n\n### Desktop View\n\n![Desktop View](./img/screenshot.png)\n\n### Mobile View\n\n![Mobile View](./img/mobile-view.png)\n\n## Future Enhancements\n\n- Add support for multiple cities.\n- Display forecast for the next 5 days.\n- Show error messages for invalid city names.\n\n## License\n\nThis project is open-source and available under the [MIT License](./LICENSE).\n\n---\n\nFeel free to contribute to the project by submitting a pull request or creating an issue.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fajay-dhangar%2Fweather-app-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fajay-dhangar%2Fweather-app-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fajay-dhangar%2Fweather-app-js/lists"}