Blog de keyboard-pedia

• Landing

  Diseñé la página de inicio para la enciclopedia de teclados mecánicos, donde se presenta una galería con los productos más populares. La funcionalidad se basa en la integración con Supabase, desde donde se obtienen los datos almacenados en la base de datos. Estos datos son filtrados para identificar los productos más destacados y se muestran en un diseño visualmente atractivo y organizado, optimizado para una experiencia de usuario fluida y agradable.

• Search Feature

  Desarrollé la página de búsqueda para la enciclopedia de teclados mecánicos, permitiendo a los usuarios buscar productos por nombre, marca, tipo de switch y más. La funcionalidad se basa en la conexión con Supabase, de donde se obtienen los datos en tiempo real. Estos se filtran dinámicamente según los criterios ingresados por el usuario, mostrando una lista de productos que coinciden con su búsqueda en un formato claro y accesible.

• Info Page

  Diseñé la página de información del producto para la enciclopedia de teclados mecánicos, donde se muestra información detallada como el nombre, marca, tipo de switch, precio y más. También incluye una imagen del producto y una lista de tiendas verificadas donde está disponible. Esta página funciona consultando la base de datos de Supabase, donde se identifica el producto buscado por su ID y se recupera toda la información relevante para presentarla de manera clara y visualmente atractiva.

• Supabase

  La base de datos de Supabase almacena todos los datos relacionados con los productos de teclados mecánicos, como nombre, marca, descripción, tipo de switch, precio y más. Estos datos son estructurados y organizados para facilitar su acceso y manipulación desde la página web. A través de consultas a la base de datos, la información es recuperada y utilizada para alimentar las diferentes secciones del sitio, como la galería de productos, la búsqueda y la página de detalles de cada producto.