Fixeando bugs y agregando el mapa

Clase 16 de 22 • #PlatziChallenge: Crea tu Portafolio como Web Developer

Clase anteriorSiguiente clase

Juan Diaz

student•

Repo

Misael Gomez

student•

dirección de react leaflet https://react-leaflet.js.org/

Ivan Castellanos

student•

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

Leonardo de los angeles Espinoza Hernandez

student•

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í!

Julian Franco

student•

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>
	);