{"id":22160872,"url":"https://github.com/ubytek/weather-app","last_synced_at":"2026-05-22T18:03:53.589Z","repository":{"id":254782190,"uuid":"779523655","full_name":"ubytek/weather-app","owner":"ubytek","description":null,"archived":false,"fork":false,"pushed_at":"2024-12-17T07:54:34.000Z","size":3969,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-12-27T01:37:44.881Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://urdailyweather.vercel.app","language":"JavaScript","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/ubytek.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":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-03-30T03:42:47.000Z","updated_at":"2025-03-13T08:45:46.000Z","dependencies_parsed_at":"2025-01-29T20:31:22.483Z","dependency_job_id":"970725df-3a7c-4efe-81a7-2725c175f881","html_url":"https://github.com/ubytek/weather-app","commit_stats":null,"previous_names":["techiuv/whether-app","techiuv/weather-app","procoyuvi/weather-app","ubytek/weather-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ubytek/weather-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ubytek%2Fweather-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ubytek%2Fweather-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ubytek%2Fweather-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ubytek%2Fweather-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ubytek","download_url":"https://codeload.github.com/ubytek/weather-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ubytek%2Fweather-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29240126,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-08T18:06:38.086Z","status":"ssl_error","status_checked_at":"2026-02-08T18:06:09.124Z","response_time":57,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["dynamic-web-app","full-stack","javascript","openweathermap-api","react","reactjs","tailwindcss","vercel","weather","weather-app","weather-app-react","webapp"],"created_at":"2024-12-02T04:10:33.412Z","updated_at":"2026-02-08T19:02:25.122Z","avatar_url":"https://github.com/ubytek.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Weather App\n\nA feature-rich weather application built using React, Tailwind CSS, and Vite. This app provides real-time weather updates, along with dynamic visuals and themes based on the time of day and sun position.\n\n## Features\n\n- Real-time weather updates for any city.\n- Displays sunrise, sunset, and current sun position.\n- Changes background theme based on morning, day, evening, and night.\n- Dynamic weather icons and animations.\n- Responsive design for all devices.\n- Search functionality for weather data by city.\n- Saves the last fetched city's weather data for quicker access.\n\n\n## Tech Stack\n\n\u003cimg src=\"https://skillicons.dev/icons?i=react,vite,tailwind,vercel,\u0026perline=7\" /\u003e\n\n\n## Usage\n\n1. Enter the name of a city in the search bar.\n2. View real-time weather data, including temperature, humidity, wind speed, sunrise, sunset, and sun position.\n3. Observe dynamic background changes based on the time of day (morning, day, evening, night).\n4. Enjoy the clean and responsive interface.\n\n## Preview\n\n\u003cimg src=\"public/previews/banner(1).jpg\" /\u003e\n\n## Dynamic Themes based on time\n\n### Morning \n\u003cimg src=\"public/previews/banner(2).jpg\" /\u003e\n\n### Afternoon \n\n\u003cimg src=\"public/previews/banner(4).jpg\" /\u003e\n\n### Evening \n\n\u003cimg src=\"public/previews/banner(3).jpg\" /\u003e\n\n### Night\n\n\u003cimg src=\"public/previews/banner(5).jpg\" /\u003e\n\n## Installation\n\nFollow these steps to set up the project locally:\n\n1. Clone the repository:\n   ```bash\n   git clone https://github.com/techiuv/weather-app.git\n   ```\n\n2. Navigate to the project directory:\n   ```bash\n   cd weather-app\n   ```\n\n3. Install dependencies:\n   ```bash\n   npm install\n   ```\n\n4. Start the development server:\n   ```bash\n   npm run dev\n   ```\n\n5. Open your browser and go to:\n   ```\n   http://localhost:5173\n   ```\n\n## Deployment\n\nTo deploy the app:\n\n1. Build the project:\n   ```bash\n   npm run build\n   ```\n\n2. Preview the Deployment\n   ```bash\n   npm run preview\n   ```\n\n## API Integration\n\nThis app uses a weather API to fetch real-time data. Configure your API key in the `.env` file:\n\n**Replace with your actual API key:**\n```env\nVITE_OPEN_WEATHER_API=YOUR_API_KEY\n```\n\n## License\n\nThis project is licensed under the [MIT License](LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fubytek%2Fweather-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fubytek%2Fweather-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fubytek%2Fweather-app/lists"}