NovaTab
Startpage minimalista de alto rendimiento construida con SvelteKit 5 y Svelte 5 Runes. Diseñada para transformar la nueva pestaña del navegador en un espacio de trabajo productivo y visualmente limpio: buscador integrado estilo Google con sugerencias en vivo, reloj y saludo adaptativo, fondos en alta resolución con desenfoque personalizable, accesos directos con favicons automáticos y panel de ajustes en local.
El reto
El reto
Las páginas de inicio por defecto de los navegadores comerciales suelen estar sobrecargadas de publicidad, noticias irrelevantes y telemetría intrusiva, mientras que muchas extensiones de inicio consumen excesivos recursos en segundo plano o dependen de cuentas y servidores externos.
El objetivo era crear una Startpage minimalista, hiperrápida y estética inspirada en proyectos de referencia como Bonjourr, pero con una arquitectura moderna basada en SvelteKit 5 y Svelte 5 Runes, 100% orientada a la privacidad (cero rastreo, almacenamiento en LocalStorage del cliente) y con una experiencia visual Glassmorphism fluida en cualquier dispositivo o resolución.
Lo que hice
Lo que hice
Arquitectura reactiva con Svelte 5: Desarrollé todos los componentes modulares (buscador Google con autocompletado en tiempo real y atajo Ctrl+K / /, reloj digital/analógico configurable, saludo adaptativo según franja horaria, widgets de Pomodoro, bloc de notas y citas célebres) utilizando las nuevas Runes de Svelte 5 ($state, $derived, $effect).
Diseño Glassmorphism y multimedia: Implementé un motor de fondos dinámicos conectado a Unsplash con control interactivo de nivel de desenfoque (blur), superposición de opacidad (overlay), créditos de autor y cambio aleatorio en un clic. Gestión de accesos directos con recuperación automática de favicons en alta resolución.
Privacidad y ajustes avanzados: Creé un panel deslizable (Settings Drawer) para personalizar visibilidad de cada bloque, activar geolocalización o ciudad manual mediante la API abierta de Open-Meteo (sin necesidad de API keys) y funciones de exportación/importación de configuración en JSON.
Resultado
Resultado
NovaTab ofrece una experiencia de navegación diaria limpia, instantánea y libre de distracciones. Se encuentra desplegada en producción en start.moisesvalero.es (con espejo en Vercel) y con código completamente abierto en GitHub bajo licencia MIT.
El proyecto demuestra solidez en la adopción de las últimas características de Svelte 5, diseño frontend cuidado con microinteracciones y capacidad para concebir utilidades web orientadas a la experiencia de usuario y la privacidad.
Stack tecnológico