https://github.com/erickdc7/cloudsy
Aplicación del clima interactiva con diseño moderno Bento Grid, construida con React y Node.js.
https://github.com/erickdc7/cloudsy
axios bento-grid express framer-motion lucide-icons nodejs react responsive-design tailwindcss weather-api
Last synced: 29 days ago
JSON representation
Aplicación del clima interactiva con diseño moderno Bento Grid, construida con React y Node.js.
- Host: GitHub
- URL: https://github.com/erickdc7/cloudsy
- Owner: erickdc7
- License: mit
- Created: 2025-11-27T01:26:01.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-11-27T18:59:37.000Z (7 months ago)
- Last Synced: 2025-11-29T20:30:38.393Z (7 months ago)
- Topics: axios, bento-grid, express, framer-motion, lucide-icons, nodejs, react, responsive-design, tailwindcss, weather-api
- Language: JavaScript
- Homepage: https://cloudsy-weather.vercel.app/
- Size: 307 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ☁️ Cloudsy - Weather App
Aplicación del clima interactiva con diseño moderno Bento Grid, construida con React y Node.js.
## 🌟 Características
- 🔍 **Búsqueda inteligente** con autocompletado de ciudades
- 🌍 **Soporte global** para ciudades de todo el mundo
- 📊 **Pronóstico de 3 días** con datos detallados
- 🎨 **Diseño Bento Grid** moderno y responsive
- 🌈 **Animaciones fluidas** con Framer Motion
- 📍 **Geocoding preciso** para evitar confusiones entre ciudades con el mismo nombre
- 🎲 **Ciudades sugeridas** por continente de forma dinámica
## 🚀 Demo en Vivo
🔗 [https://cloudsy-weather.vercel.app/](https://cloudsy-weather.vercel.app/)
## 🛠️ Tecnologías Utilizadas
### Frontend
- **React** - Librería de UI
- **Tailwind CSS** - Estilos y diseño
- **Framer Motion** - Animaciones
- **Axios** - Peticiones HTTP
- **Lucide React** - Iconos
### Backend
- **Node.js** - Runtime
- **Express** - Framework web
- **Axios** - Cliente HTTP
- **CORS** - Manejo de políticas de origen cruzado
### APIs
- **OpenWeather API** - Datos del clima y geocoding
### Deployment
- **Frontend:** Vercel
- **Backend:** Render
## 🎯 Funcionalidades Principales
### Búsqueda de Ciudades
- Autocompletado con sugerencias en tiempo real
- Manejo inteligente de ciudades con nombres duplicados
- Formato: "Ciudad, Estado, País"
### Información del Clima
- Temperatura actual
- Sensación térmica
- Humedad y velocidad del viento
- Descripción del clima
- Pronóstico de 3 días
### Ciudades Sugeridas
- Selección aleatoria de 2 ciudades del mismo continente
- Se actualiza al buscar una nueva ubicación