Fixeando bugs y agregando el mapa
Contenido del curso
Juan Diaz
Misael Gomez
Ivan Castellanos
Leonardo de los angeles Espinoza Hernandez
Julian Franco
Repo
dirección de react leaflet https://react-leaflet.js.org/
profee, ya vino su peor estudiante xd
Web: https://ivantdev.github.io/weather-app/ Repo: https://github.com/ivantdev/weather-app Inspiración:
Me iba costando un poco lo de ubicar en el mapa con la localización del usuario, me dio muchos problemas la API de getCurrentPosition. Agregar que en iOS cuando no tienes conexión HTTPS te rechaza de una lo de pedir localización. Para evitar que se cargaran datos por defecto (definidos por mi) usé una API para obtener la latitud y longitod en base a la IP del usuario.
Así se ve el Light mode
Dark mode
Cómo que peor estudiante? 😱
Si tus proyectos están quedando increíbles, te tomaste lo de llevarlos al siguiente nivel muy enserió 💪🏻🔥
sigue así!
Código con date
useCurrentDay
export const getCurrentDay = (dayNumber) => { const today = new Date(); if(dayNumber){ const tomorrow = new Date(today); tomorrow.setDate(tomorrow.getDate() + dayNumber); return tomorrow } return today; };
ListDay
<ul className={style.daily}> {weather.daily.map((day, index) => ( <Day key={day.dt} {...day} index={index} /> ))} </ul>
Day
const date = getCurrentDay(index + 1); return ( <li className={style.day}> <h3>{temp.max}</h3> <img src='' alt='image'></img> <h4>{weather[0].main}</h4> <p>{date.toDateString()}</p> </li> );