intermedio

Generador de Historias Cortas con IA

Crea una plataforma interactiva que utiliza inteligencia artificial para generar dinámicamente historias cautivadoras e imágenes acompañantes, ofreciendo a los usuarios una experiencia narrativa única cada vez.

intermedio

Una Transcripción de Video Interactiva

Una transcripción de video interactiva diseñada para mejorar la experiencia del espectador permitiéndoles interactuar con el contenido. Utiliza HTML, CSS y JavaScript para crear una interfaz sin interrupciones que integrará la transcripción con la reproducción de video.

intermedio

API de Animal Crossing

Crea una aplicación web que utiliza la API de Animal Crossing de Nookipedia para mostrar información sobre los aldeanos del juego.

intermedio

Componente de Clasificación de Datos

Dar al usuario final múltiples formas de ordenar/ver sus datos es una excelente característica de UX. Esto puede ser relativamente fácil pensando con anticipación y escribiendo buen CSS. Por supuesto, también JavaScript mínimo.

principiante

Tarjeta de Presentación Digital

Usa HTML, CSS y JavaScript para crear una tarjeta de presentación digital dinámica, receptiva y visualmente atractiva.

principiante

Calculadora Digital Neumorfismo

Una calculadora digital diseñada en la tendencia de diseño neomorfismo. Implementa este diseño usando HTML, CSS y JavaScript.

principiante

Menú de hamburguesa

Crea un menú de hamburguesa que se pueda usar en la vista móvil para navegar entre páginas del sitio.

principiante

Calculadora JavaScript con Modo Oscuro

Una calculadora digital con dos temas distintos: un modo oscuro y un modo claro. Implementa este diseño usando HTML, CSS y JavaScript.

avanzado

Componente de Fijación de Mensajes

¿Alguna vez has notado en iMessage u otros servicios de mensajería, puedes fijar tus conversaciones favoritas? Esta Aventura de Código te permitirá escribir la funcionalidad para hacer exactamente eso. Usa cualquier tecnología que desees; JavaScript vanilla, React, Vue, etc. para construir un componente de fijación de mensajes.

avanzado

Componente de Reacciones de Mensajes

¿Quieres agregar reacciones a tus mensajes? Completar esta Aventura de Código te permitirá tener un menú de emojis funcional para agregar reacciones a tus mensajes favoritos.

principiante

Formulario de Varios Pasos

Un formulario de varios pasos que requiere entrada del usuario en tres etapas.

avanzado

Modal de Detalles del Producto

Crea un modal de detalles del producto para una ficticia compañía de relojes inteligentes del futuro. Al presentar efectivamente el producto, responder preguntas de clientes y abordar preocupaciones potenciales planteadas en reseñas, la página de detalles del producto juega un papel directo en la conversión de visitantes en compradores.

principiante

Animaciones SVG

Usa SVGs para embellecer y agregar un poco de carácter a un sitio web. Se requieren algunos HTML y CSS básicos. Necesitarás usar los archivos SVG proporcionados para que coincida con el mockup lo más fielmente posible.

principiante

Panel de Configuración

Un panel de configuración que permite a los usuarios administrar varias preferencias de cuenta incluyendo sincronización, visibilidad en línea, controles de privacidad y la opción de eliminar su cuenta.

intermedio

IU con Modo Oscuro

Una IU con Modos Oscuro y Claro es una aventura de código pesada en HTML y CSS con una cantidad muy pequeña de JavaScript para alternar los modos claro y oscuro respectivamente.

principiante

Página de Inicio de Estudio de Yoga

Crea una página de inicio simple para un estudio de yoga usando HTML y CSS.