Una página de inicio personalizable y moderna con búsqueda inteligente, atajos rápidos y comandos personalizados.

• Soporta múltiples motores de búsqueda: Google, DuckDuckGo, Bing, Yahoo, ChatGPT
• DuckDuckGo Bangs: Acceso directo a miles de sitios con el prefijo !
  • Ejemplos: !g, !yt, !w, !gh, !a, !so, !reddit, !imdb, etc.
  • Ver todos: duckduckgo.com/bangs
• Sistema de comandos rápidos personalizados con el prefijo ?
• Ejemplos de comandos predefinidos:
  • ?yt video aleatorio - Busca en YouTube
  • ?gh react hooks - Busca en GitHub
  • ?reddit programming - Busca en Reddit
  • ?wiki typescript - Busca en Wikipedia

Los bangs permiten buscar directamente en más de 13,000 sitios:

• !g consulta - Google
• !yt video - YouTube
• !w artículo - Wikipedia
• !gh repositorio - GitHub
• !a producto - Amazon
• !so pregunta - StackOverflow
• !reddit tema - Reddit
• !imdb película - IMDB
• !maps lugar - Google Maps
• ¡Y miles más!

• Reloj en Tiempo Real: Hora y fecha actualizándose cada segundo
• Indicadores Económicos: Datos de mindicador.cl (Dólar, Euro, UF, Bitcoin, etc.)
  • Actualización automática cada 5 minutos
  • 8 indicadores disponibles (seleccionables)
  • Formato inteligente según tipo de moneda

• Paisajes Aleatorios: Imágenes de Unsplash actualizadas
• Color Estático: Selector de color personalizado
• Imagen Personalizada: Usa tu propia imagen por URL
• Gradientes de IA: Fondos generados con gradientes modernos

• Agrega accesos directos a tus sitios favoritos
• Personaliza nombre, URL e icono (emoji)
• Grid responsive que se adapta a cualquier pantalla

• Crea tus propios comandos de búsqueda
• Sintaxis: ?<comando> <búsqueda>
• Totalmente personalizable con URLs dinámicas

# Instalar dependencias
bun install

# Iniciar servidor de desarrollo
bun run dev

# Compilar para producción
bun run build

1. Buscar: Escribe en la barra principal y presiona Enter
2. Usar Bangs: Escribe ! seguido del bang y tu búsqueda
3. Usar Comandos: Escribe ? seguido del comando y tu búsqueda
4. Configurar: Haz clic en el icono ⚙️ en la esquina superior derecha
5. Ver Ayuda: Haz clic en el icono ❓ para ver la guía
6. Personalizar Widgets: Ve a la pestaña "Widgets" en configuración

• Guía de DuckDuckGo Bangs
• Guía de Widgets
• Configuración Avanzada
• Guía de Despliegue

• React 19 con TypeScript
• Vite para build ultrarrápido
• TailwindCSS 4 para estilos
• Bun como runtime y package manager
• ShadCN UI para componentes
• Lucide React para iconos
• LocalStorage para persistencia de datos

src/
├── components/         # Componentes de React
│   ├── ui/            # Componentes de UI reutilizables
│   ├── BackgroundManager.tsx
│   ├── SearchBar.tsx
│   ├── SettingsDialog.tsx
│   └── ShortcutsGrid.tsx
├── hooks/             # Hooks personalizados
│   ├── useAppConfig.ts
│   └── useLocalStorage.ts
├── pages/             # Páginas de la aplicación
│   └── home/
├── types/             # Definiciones de TypeScript
└── lib/               # Utilidades

Toda la configuración se guarda automáticamente en localStorage, incluyendo:

• Motor de búsqueda preferido
• Configuración de fondo
• Atajos personalizados
• Comandos personalizados

Puedes personalizar los colores editando src/index.css y modificando las variables CSS de Tailwind.

MIT

Hecho con ❤️ por Francisco Solis