{"id":21347453,"url":"https://github.com/devhyrum/weather-application","last_synced_at":"2026-04-10T07:02:58.310Z","repository":{"id":246909738,"uuid":"824344908","full_name":"devHyrum/weather-application","owner":"devHyrum","description":"Utiliza la API de OpenWeatherMap para obtener datos meteorológicos actuales y previsiones a cinco días para cualquier ciudad del mundo. ","archived":false,"fork":false,"pushed_at":"2024-09-06T19:43:06.000Z","size":276,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-22T16:32:45.855Z","etag":null,"topics":["figma","reactjs","responsive","tailwindcss"],"latest_commit_sha":null,"homepage":"https://weather-application-tawny-zeta.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/devHyrum.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":"2024-07-04T23:37:12.000Z","updated_at":"2024-09-06T19:43:10.000Z","dependencies_parsed_at":"2024-07-05T21:17:12.832Z","dependency_job_id":"faef1f66-50c5-41b6-ab5e-2def952479de","html_url":"https://github.com/devHyrum/weather-application","commit_stats":null,"previous_names":["devhyrum/weather-application"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devHyrum%2Fweather-application","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devHyrum%2Fweather-application/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devHyrum%2Fweather-application/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devHyrum%2Fweather-application/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/devHyrum","download_url":"https://codeload.github.com/devHyrum/weather-application/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243822294,"owners_count":20353500,"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":["figma","reactjs","responsive","tailwindcss"],"created_at":"2024-11-22T02:14:16.139Z","updated_at":"2025-10-08T16:04:23.581Z","avatar_url":"https://github.com/devHyrum.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Weather Forecast Application\nDesktop\n![demo](/public/demoDesktop.png)\nMobile\n\n![demo](/public/demoMobile.png)\n\n## Descripción\n\nEste proyecto es una aplicación de previsión meteorológica desarrollada con React. Utiliza la API de OpenWeatherMap para obtener datos meteorológicos actuales y previsiones a cinco días para cualquier ciudad del mundo. Los usuarios pueden buscar ciudades, cambiar entre unidades de temperatura (Celsius y Fahrenheit), y ver detalles como humedad, presión del aire, velocidad y dirección del viento, y visibilidad. Design fue extraído de **[Figma](https://www.figma.com/design/5X3Ao3gEqZPqqKctP7riDF/weather-app?node-id=0-1\u0026node-type=CANVAS\u0026t=fNnDPDnBYsCF3DyT-0)**\n\n## Características\n\n- **Búsqueda de ciudades:** Permite a los usuarios buscar el clima actual y la previsión para cualquier ciudad.\n- **Ubicación del usuario:** Utiliza la geolocalización para obtener el clima de la ubicación actual del usuario.\n- **Cambiar unidades de temperatura:** Los usuarios pueden alternar entre Celsius y Fahrenheit.\n- **Previsión a cinco días:** Muestra la previsión meteorológica para los próximos cinco días, incluyendo temperaturas mínimas y máximas, y iconos de estado del clima.\n- **Detalles del clima:** Muestra detalles adicionales como humedad, presión del aire, velocidad y dirección del viento, y visibilidad.\n\n## Instalación\n\nSigue estos pasos para ejecutar el proyecto localmente:\n\n1. **Clona el repositorio:**\n    ```bash\n    git clone https://github.com/devHyrum/weather-application.git\n    cd weather-application\n    ```\n\n2. **Instala las dependencias:**\n    ```bash\n    npm install\n    ```\n\n3. **Obtén una clave API de OpenWeatherMap:**\n    - Regístrate en [OpenWeatherMap](https://home.openweathermap.org/users/sign_up) y obtén una clave API gratuita.\n\n4. **Configura la clave API:**\n    - Crea un archivo `.env` en la raíz del proyecto y añade tu clave API:\n      ```plaintext\n      REACT_APP_API_KEY=tu_clave_api\n      ```\n\n5. **Inicia la aplicación:**\n    ```bash\n    npm start\n    ```\n\n6. **Visita la aplicación en tu navegador:**\n    ```plaintext\n    http://localhost:3000\n    ```\n\n## Estructura del Proyecto\n```plaintext\nweather-application/\n├── src/\n│ ├── assets/\n│ │ └── icons/\n│ ├── components/\n│ │ ├── Forecast.jsx\n│ │ ├── ForecastCard.jsx\n│ │ ├── SearchModal.jsx\n│ │ ├── TemperatureToggle.jsx\n│ │ ├── WeatherCard.jsx\n│ │ └── WeatherDetails.jsx\n│ ├── hooks/\n│ │ ├── useFetchForecastData.js\n│ │ └── useFetchWeatherData.js\n│ ├── App.jsx\n│ ├── index.css\n│ └── index.js\n├── package.json\n└── README.md\n```\n## Uso\n\n1. **Buscar una ciudad:**\n    - Haz clic en el botón \"Search for places\" y escribe el nombre de la ciudad.\n2. **Obtener clima de la ubicación actual:**\n    - Haz clic en el botón con el icono de ubicación.\n3. **Cambiar unidades de temperatura:**\n    - Haz clic en los botones °C o °F para alternar entre Celsius y Fahrenheit.\n\n## Tecnologías Utilizadas\n\n- React\n- Tailwind CSS\n- OpenWeatherMap API\n- Figma\n\n## Contribuciones\n\nLas contribuciones son bienvenidas. Si deseas contribuir, por favor, haz un fork del repositorio y envía un pull request.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevhyrum%2Fweather-application","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevhyrum%2Fweather-application","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevhyrum%2Fweather-application/lists"}