No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Fixeando bugs y agregando el mapa

16/22
Recursos

Aportes 3

Preguntas 0

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

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贸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}>
			<h2>{temp.max}</h2>
			<img src='' alt='image'></img>
			<h3>{weather[0].main}</h3>
			<p>{date.toDateString()}</p>
		</li>
	);