Filtro de usuario, usando la API de Random User Generator

Esta es una sencilla Landing Page donde se muestra un filtro de usuarios usando la API del sitio de Random User Generator trabajado con HTML, CSS y Javascript. El proyecto 98 del reto personal #100sitioswebchallenge

Puedes visualizar el sitio en: Live User Filter

DESAFÍOS

Basado en los proyecto de Traversy Media 50 Projects in 50 days. La funcionalidad de este ejercicio es que al ingresar letras que contengan el usuario disponible se podrá filtrar y visualizar.

PROCESO

Paleta de colores y estilos

Paleta de colores: EBEEFB 3E57DB

Tipografía: Montserrat de Google Fonts

HTML y CSS

Esta es la vista del sitio sólo maquetado con HTML

Esta es la vista final del sitio, una vez que los estilos entran en acción, y por último el script llamando al uso de la API de Random User Generator.

Publicación del sitio

Consulta el código del sitio en Github

Puedes visualizar el sitio en: Live User Filter

Información técnica

  • Visual Studio Code
  • HTML5
  • CSS
  • Javascript
  • Sitio responsivo
  • Github
  • Netlify

Recursos

Random User Generator

Deja tus comentarios y sugerencias

NEWSLETTER

Suscríbete a Sencillamente Web

Reflexiones sobre desarrollo web

Contenido Relacionado

Sitio para Tienda de Smoothies

Sitio para Tienda de Smoothies

Tabla de contenidos Introducción Desafíos Proceso Paleta de colores y estilos HTML y CSS Sitio web responsivo Publicación del sitio Información técnica Recursos Introducción Este es un sitio estilo One Page, maquetado con HTML y estilizado con CSS, así como el uso de...

Sitio para Tienda de Sandwiches

Sitio para Tienda de Sandwiches

Tabla de contenidos Introducción Desafíos Proceso Paleta de colores y estilos HTML y CSS Sitio web responsivo Publicación del sitio Información técnica Recursos Introducción Este es un sitio estilo One Page, maquetado con HTML y estilizado con CSS, así como el uso de...

Sitio Web para Cafetería

Sitio Web para Cafetería

https://www.youtube.com/watch?v=AfLBZxwMlZs Este es el primer sitio del año 2024 del reto #100sitioswebchallenge, un sitio estilo One Page usando HTML y CSS, y el uso de Flexbox para hacer separación de módulos en el sitio. Puedes visualizar el sitio en: Coffee Shop...