Contenido del curso
Fixeando bugs y agregando el mapa
Juan Diaz
Estudiante
Misael Gomez
Estudiante
Ivan Castellanos
Estudiante
Leonardo de los angeles Espinoza Hernandez
Estudiante
Julian Franco
EstudianteRepo
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> );