{"id":25619605,"url":"https://github.com/mohit-rajak/weatherapp-","last_synced_at":"2026-05-23T05:30:19.056Z","repository":{"id":271656974,"uuid":"914159981","full_name":"Mohit-Rajak/WeatherApp-","owner":"Mohit-Rajak","description":"Used By ReactJs","archived":false,"fork":false,"pushed_at":"2025-01-09T04:17:55.000Z","size":52,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-09T05:26:39.239Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/Mohit-Rajak.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":"2025-01-09T04:00:15.000Z","updated_at":"2025-01-09T04:17:58.000Z","dependencies_parsed_at":"2025-01-09T05:26:42.043Z","dependency_job_id":"600013a8-ebcf-456f-8899-291d7bc87102","html_url":"https://github.com/Mohit-Rajak/WeatherApp-","commit_stats":null,"previous_names":["mohit-rajak/weatherapp-"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mohit-Rajak%2FWeatherApp-","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mohit-Rajak%2FWeatherApp-/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mohit-Rajak%2FWeatherApp-/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mohit-Rajak%2FWeatherApp-/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Mohit-Rajak","download_url":"https://codeload.github.com/Mohit-Rajak/WeatherApp-/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240131890,"owners_count":19752765,"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":[],"created_at":"2025-02-22T06:18:20.930Z","updated_at":"2026-05-23T05:30:16.970Z","avatar_url":"https://github.com/Mohit-Rajak.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Weather App Using ReactJs \n\nThis is a weather application built using React that provides real-time weather information for any city. The app uses a weather API to fetch data and displays key weather metrics, such as the current temperature, humidity, and weather conditions. It also provides dynamic images and descriptions based on the weather's temperature and humidity.\n\n# Features\n\nSearch for any city: Users can search for any city to get weather information.\nReal-time Weather Information: Displays the current temperature, minimum and maximum temperatures, humidity, and the \"feels like\" temperature.\nWeather Details: Provides details on weather conditions such as \"Clear\", \"Rain\", \"Cloudy\", etc.\nDynamic Images: The app changes the displayed weather image based on temperature and humidity to give a better visual representation of the current conditions.\nResponsive Design: The app is designed to work seamlessly on both desktop and mobile devices.\n\n\n# Technologies Used\n\nReact: For building the user interface of the app.\nOpenWeatherMap API (or any other weather API): To fetch weather data based on the user's input city.\nJavaScript (ES6): For writing the core functionality.\nCSS: For styling and making the app responsive.\nReact Hooks (useState, useEffect): For managing the state and side effects in the application.\n\nHow to Use : \nClone the repository:\n\n\ngit clone \u003chttps://github.com/Mohit-Rajak/WeatherApp-.git\u003e\nInstall dependencies:\n\nNavigate to the project directory and install the necessary dependencies:\n\n\ncd weather-app\nnpm install\nSet up your API key:\n\nGet your API key from OpenWeatherMap or another weather API provider.\nReplace the placeholder API_KEY in the API request URL with your actual key.\nRun the app:\n\nAfter installing the dependencies, run the following command to start the application:\n\n\nnpm start\nThis will start the app in your default browser, typically at  http://localhost:5173/.\n\n\n# App Functionality\n\n1. City Search\nThe user can input any city name into the search bar to get weather details for that specific city. The weather data is fetched from the API and displayed on the screen.\n\n2. Weather Information Display\nOnce the city is searched, the app fetches the following information:\n\nCurrent Temperature: The temperature in Celsius or Fahrenheit (depending on the user's settings).\nMinimum and Maximum Temperature: The minimum and maximum temperatures expected for the day.\nHumidity: The percentage of moisture in the air.\nFeels Like: The \"feels like\" temperature, which accounts for wind and humidity.\n\n3. Dynamic Image Changes\nThe app changes the background image based on the weather conditions. For example:\nIf the temperature is hot (above a certain threshold), a sunny or clear sky image is displayed.\nIf it's raining, a rain-themed image is shown.\nThe image also changes with humidity levels, with cloudier images for higher humidity and clearer ones for lower humidity.\n\n4. Responsive Design\nThe app adjusts its layout to fit any screen size, ensuring a seamless experience on mobile, tablet, or desktop devices.\n\nFuture Enhancements\nUnit Selection: Add functionality for users to switch between temperature units (Celsius/Fahrenheit).\nMultiple Cities: Enable the option to compare the weather of multiple cities.\nForecast: Implement a 5-day weather forecast feature.\nError Handling: Improve error handling for cases such as invalid city names or network errors.\nDark Mode: Add an option for dark mode to improve user experience at night.\nContributing\nIf you'd like to contribute to this project, feel free to fork the repository, create a new branch, make your changes, and submit a pull request.\n\nLicense\nThis project is open-source and available under the MIT License.\n\n\nThank You for Check Out Created By Mohit Rajak \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmohit-rajak%2Fweatherapp-","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmohit-rajak%2Fweatherapp-","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmohit-rajak%2Fweatherapp-/lists"}