https://github.com/ignag-dev/appclima-react-ts-api

Pagina web para consultar el clima que trabaja con React, TS, CSS Modules y más
https://github.com/ignag-dev/appclima-react-ts-api

api css-modules hooks react typescript usestate vite

Last synced: 10 months ago
JSON representation

Pagina web para consultar el clima que trabaja con React, TS, CSS Modules y más

• Host: GitHub
• URL: https://github.com/ignag-dev/appclima-react-ts-api
• Owner: IgnaG-Dev
• Created: 2024-05-22T13:38:55.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-22T13:44:53.000Z (over 1 year ago)
• Last Synced: 2025-01-26T16:15:57.875Z (12 months ago)
• Topics: api, css-modules, hooks, react, typescript, usestate, vite
• Language: TypeScript
• Homepage: https://clima-ignacio.netlify.app/
• Size: 96.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Aplicación de Clima ☁️🌦️

### Esta aplicación obtiene datos de una API. En este proyecto, valida y envia peticiones hacia una API, lee las respuestas y muestra la información.

> Explora la demo del sitio web en el siguiente enlace: [AppClima](https://clima-ignacio.netlify.app/)

![Imagen de Pagina Web](https://github.com/IgnaG-Dev/AppClima-React-TS-API/assets/163780789/5a9399ce-1253-4844-bd9c-ac331a74b1f4 "Pagina Web AppClima")

## Funcionalidades principales 🥇

- `Consulta de Clima`: Los usuarios pueden buscar el clima actual de cualquier ciudad ingresando el nombre de la misma.

- `Información Detallada`: Se muestra información detallada del clima, como temperatura y condiciones meteorológicas.

- `Interfaz Reactiva`: La aplicación se actualiza dinámicamente al recibir datos de la API sin necesidad de recargar la página.

## Tecnologías Utilizadas 🧑‍💻

- `React`:  Frontend desarrollado con React para la creación de componentes reutilizables y estado manejado de manera eficiente.

- `JavaScript`: Implementación de lógica interactiva del cliente para una experiencia de usuario fluida.

- `API de Clima`: Utilización de una API pública de clima para obtener datos en tiempo real.

## Configuración del Proyecto ⚒️

>[!NOTE]

>Asegúrate de tener Node.js y npm instalados en tu sistema.

1. Clona este repositorio en tu máquina local.

   

   ``` 

     git clone https://github.com/IgnaG-Dev/AppClima-React-TS-API

   ```

## Rendimiento ✅

A continuación te dejamos algunos parametros de rendimiento de la página web utilizando el plugin [LIghthouse](https://chromewebstore.google.com/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk?pli=1)

![Rendimiento](https://github.com/IgnaG-Dev/AppClima-React-TS-API/assets/163780789/d2e7af40-dadd-46ff-98cb-01474e8c082c "Rendimiento de AppClima")

## Contribución 📨

¡Las contribuciones son bienvenidas! Si tienes ideas para mejorar esta aplicación, por favor abre un issue para discutir los cambios propuestos o envía una pull request.

## Contacto 👤

Si tienes alguna pregunta o sugerencia, no dudes en ponerte en contacto.