{"id":21730009,"url":"https://github.com/diecatiamonteiro/weather-app-react","last_synced_at":"2026-04-10T11:31:41.331Z","repository":{"id":260780624,"uuid":"882314949","full_name":"diecatiamonteiro/weather-app-react","owner":"diecatiamonteiro","description":"Skywise is a simple SPA built with React and using Node.js for handling OpenWeather API requests.","archived":false,"fork":false,"pushed_at":"2024-11-22T22:02:56.000Z","size":7975,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-10T07:33:17.204Z","etag":null,"topics":["nodejs","openweather-api","react","vercel"],"latest_commit_sha":null,"homepage":"https://weather-app-react-die-catia-monteiro.vercel.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/diecatiamonteiro.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}},"created_at":"2024-11-02T13:50:10.000Z","updated_at":"2024-11-22T22:04:51.000Z","dependencies_parsed_at":"2025-07-13T00:17:42.515Z","dependency_job_id":null,"html_url":"https://github.com/diecatiamonteiro/weather-app-react","commit_stats":null,"previous_names":["diecatiamonteiro/weather-app-react"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/diecatiamonteiro/weather-app-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/diecatiamonteiro%2Fweather-app-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/diecatiamonteiro%2Fweather-app-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/diecatiamonteiro%2Fweather-app-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/diecatiamonteiro%2Fweather-app-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/diecatiamonteiro","download_url":"https://codeload.github.com/diecatiamonteiro/weather-app-react/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/diecatiamonteiro%2Fweather-app-react/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31641114,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T07:40:12.752Z","status":"ssl_error","status_checked_at":"2026-04-10T07:40:11.664Z","response_time":98,"last_error":"SSL_read: 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":["nodejs","openweather-api","react","vercel"],"created_at":"2024-11-26T04:11:05.327Z","updated_at":"2026-04-10T11:31:41.308Z","avatar_url":"https://github.com/diecatiamonteiro.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Skywise 🌤️ - A Weather Application\n\nSkywise is a simple weather React application that provides real-time weather information with dynamic visual elements and location-based updates.\n\n#### 🔗 [Live Demo](https://weather-app-react-die-catia-monteiro.vercel.app)\n\n## Table of Contents\n\n- [Introduction](#introduction)\n- [Key Features](#key-features)\n- [Tech Stack](#tech-stack)\n- [Preview](#preview)\n\n## Introduction\n\nSkywise combines accurate weather data with dynamic backgrounds that change based on weather conditions and time of day. The application provides both current weather conditions and detailed forecasts.\n\nSkywise is designed for **desktop use only**. For the best experience, please access the application on a desktop browser.\n\n## Key Features\n\n### 1. Dynamic Weather Display\n\n- Real-time weather updates\n- Dynamic backgrounds reflecting current weather conditions and time of day (day/night)\n- Day/night cycle visualization\n- Temperature, humidity, and wind speed monitoring\n\n### 2. Location Services\n\n- Geolocation-based weather detection\n- City search functionality\n- Global weather coverage\n\n### 3. Visual Elements\n\n- Interactive sun movement tracker\n- Sunrise and sunset times\n- Dynamic day/night icons\n- Weather-specific backgrounds\n\n### 4. Customization Options\n\n- Temperature unit toggle (°C/°F)\n- Time format toggle (12/24 hour)\n- Wind speed units (km/h/mph)\n- Precipitation units (mm/inches)\n\n## Tech Stack\n\n### Frontend\n\n- React 18\n- Vite\n- TailwindCSS\n- Custom CSS animations\n\n### Backend \u0026 Services\n\n- Node.js for handling weather API requests\n- Express for managing API routes for weather data and forecasts\n- OpenWeather API integration\n- Vercel for deployment\n\n## Preview\n\n![Skywise Preview](public/app-preview1.png)\n![Skywise Preview](public/app-preview2.png)\n\n---\n\nMade with ❤️ by [Cátia Monteiro](https://github.com/diecatiamonteiro). Thanks for reading!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdiecatiamonteiro%2Fweather-app-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdiecatiamonteiro%2Fweather-app-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdiecatiamonteiro%2Fweather-app-react/lists"}