Este es un envío para Frontend Challenge v24.09.04, glamp a mi marcado: espacio

Lo que construí

La página de destino presenta un diseño retro inspirado en el espacio con consideraciones modernas de usabilidad como alternar el modo de luz/oscuro, desplazamiento suave y un diseño totalmente receptivo. Los visitantes pueden explorar planetas, lunas y objetos celestes a través de un carrusel interactivo, y el contenido está diseñado para ser educativo pero divertido de navegar.

Las características clave incluyen:

• Light/Dark Mode Toggle : los usuarios pueden cambiar entre temas de luz y oscuro para una experiencia más personalizada.
• Interactive Carousel : los carruseles dinámicos permiten a los visitantes explorar diferentes planetas, lunas y objetos celestiales.
• scrolling suave : un botón "Begin Exploration" desencadena un desplazamiento suave a la sección Descripción general del sistema solar.
• Diseño totalmente receptivo : el sitio está diseñado para verse bien en los dispositivos de escritorio y móviles.

Manifestación

puede ver el código en GitHub: GitHub Repository

y consulte la demostración en vivo aquí: Demo en vivo

Capturas de pantalla

Modo de luz:

Modo oscuro:

CAROUSEL Ejemplo:

Vista móvil:

Viaje

Entré en esto sin un plan de diseño, y el plan cambió a medida que trabajaba en el proyecto, que puede imitar lo que sucede en el mundo real. Sin embargo, desearía haber pasado más tiempo al alzar mi proyecto y la lluvia de ideas para unir todo.

Originalmente fui con un estilo terminal vintage. Mientras estaba divertido, sentí que el verde neón no me estaba dando el aspecto profesional por el que me esforzaba.

Entonces, opté por una apariencia más minimalista al final, mientras mantuve algunos elementos divertidos. Mi nueva visión se inspiró en un libro de texto vintage, que puede verse por los colores utilizados y algunos de los elementos de diseño, como el divisor ASCII y las fuentes.

El mayor desafío que enfrenté aparte del diseño fue asegurar que el proyecto se viera genial en los dispositivos móviles. Tuve que escribir CSS móviles específicos para varias secciones para optimizar el diseño. Flexbox ayudó con los ajustes de diseño, pero la creación de una experiencia verdaderamente perfecta tomó alguna prueba y error.

En general, este proyecto me empujó a pensar creativamente, adaptarme sobre la mosca y equilibrar la estética del diseño con usabilidad, que son habilidades valiosas en el desarrollo frontend.