{"id":31358227,"url":"https://github.com/anudeepkaddala/weathernow.","last_synced_at":"2026-05-05T04:07:42.659Z","repository":{"id":316446790,"uuid":"1063411642","full_name":"anudeepkaddala/WeatherNow.","owner":"anudeepkaddala","description":"A responsive, modern weather web application built with React. Users can quickly search for any city and view the current weather conditions. Features light/dark mode and fully mobile-friendly design.","archived":false,"fork":false,"pushed_at":"2025-09-24T15:51:34.000Z","size":169,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-24T17:48:29.425Z","etag":null,"topics":["css","openmeteo-api","reactjs","tailwind","weather-api"],"latest_commit_sha":null,"homepage":"https://255s2s-3000.csb.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/anudeepkaddala.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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-24T15:34:45.000Z","updated_at":"2025-09-24T15:51:38.000Z","dependencies_parsed_at":"2025-09-24T17:48:31.602Z","dependency_job_id":null,"html_url":"https://github.com/anudeepkaddala/WeatherNow.","commit_stats":null,"previous_names":["anudeepkaddala/weathernow."],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/anudeepkaddala/WeatherNow.","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anudeepkaddala%2FWeatherNow.","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anudeepkaddala%2FWeatherNow./tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anudeepkaddala%2FWeatherNow./releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anudeepkaddala%2FWeatherNow./manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/anudeepkaddala","download_url":"https://codeload.github.com/anudeepkaddala/WeatherNow./tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anudeepkaddala%2FWeatherNow./sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":277149964,"owners_count":25769492,"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","status":"online","status_checked_at":"2025-09-26T02:00:09.010Z","response_time":78,"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":["css","openmeteo-api","reactjs","tailwind","weather-api"],"created_at":"2025-09-26T21:43:06.962Z","updated_at":"2025-09-26T21:43:10.600Z","avatar_url":"https://github.com/anudeepkaddala.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"WeatherNow\n\nWeatherNow is a lightweight, responsive React application that allows users to check current weather conditions for any city quickly and easily. Designed for outdoor enthusiasts like Jamie, the app focuses on a clean, user-friendly interface with instant weather information.\n\nApplication is hosted on : https://255s2s-3000.csb.app/\n\nFeatures\n\nSearch for any city and view its current weather.\n\nDisplays temperature, weather condition, icon, city name, and wind speed.\n\nResponsive design for desktop and mobile screens.\n\nLight and dark theme toggle.\n\nGraceful error handling for invalid city names or network issues.\n\nTech Stack\n\nFrontend: React\n\nStyling: CSS (custom, responsive design)\n\nAPI: Open-Meteo (public, no API key required)\n\nState Management: React useState \u0026 custom hooks\n\nFolder Structure can be known from the above structure itself.\n\n\n\n\n\nInstallation:\nClone the repository.\n\nNavigate to the frontend folder.\n\nInstall dependencies with npm install.\n\nStart the development server with npm start.\nThe app will open in your default browser at http://localhost:3000\n.\n\nUsage\n\nEnter the name of a city in the search bar.\n\nClick Search or press Enter.\n\nView the current weather:\n\nTemperature (°C)\n\nWeather condition and icon\n\nCity name\n\nWind speed\n\nToggle light/dark mode using the button in the header.\n\nClick the WeatherNow logo to reset the app.\n\nColor Theme \u0026 Responsiveness\n\nLight Mode: white backgrounds with black text, sky-blue search button, soft shadows for cards.\n\nDark Mode: dark slate backgrounds with white text, indigo search button, consistent contrast for readability.\n\nFully responsive across all devices:\n\nUltra-small screens (\u003c370px) stack input/button and card content vertically.\n\nSmall to mid-mobile screens (371–480px) slightly reduce font sizes and adjust padding for readability.\n\nLarger screens maintain horizontal layout with bigger fonts and icons.\n\nNotes\n\nNo backend is required because the Open-Meteo API is public and does not require authentication.\n\nAll API calls are made directly from the frontend.\n\nThe app is optimized for simplicity, performance, and a quick, clean user experience.\n\nNotes for Evaluators\n\nProject Purpose: WeatherNow is designed to provide quick, real-time weather information for any city with a clean and responsive interface, tailored for users like outdoor enthusiasts.\n\nCode Structure:\n\nComponents: SearchBar, WeatherCard, ErrorMessage.\n\nHook: useWeather handles API fetching and weather code mapping.\n\nStyles: Organized per component in the styles folder.\n\nApp.js (Home) manages theme toggle, layout, and state integration.\n\nKey Features / Notes:\n\nPublic API: Uses Open-Meteo, no authentication required.\n\nError Handling: Displays friendly messages for invalid city names or network failures.\n\nTheme Support: Light/dark modes with consistent styling.\n\nResponsiveness: Layouts adapt for ultra-small (\u003c370px), small (370–480px), and larger screens.\n\nWeather Code Mapping: Icons and labels for the most common weather conditions are included.\n\nLimitations / Assumptions:\n\nNo backend is included since the API is public.\n\nState resets on full page reload (logo click).\n\nOnly current weather is displayed; forecasts are not implemented.\n\nTesting / Usage Notes:\n\nTested for various city inputs including invalid names.\n\nWorks on desktop and mobile browsers.\n\nLight/dark mode toggle preserves readability across components.\n\nLicense :\n\nThis project is open-source and free to use under the MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanudeepkaddala%2Fweathernow.","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanudeepkaddala%2Fweathernow.","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanudeepkaddala%2Fweathernow./lists"}