🌟 Dashboard Personal en la Nube

Página de inicio y dashboard personal con estética moderna inspirada en macOS (efecto glassmorphism / blur). Incluye reloj y meteorología en tiempo real, accesos directos arrastrables con favicons automáticos y un editor de notas estilo Apple Notes con sincronización entre dispositivos.

(Fondo personalizable dinámicamente.)

✨ Características

• Accesos directos arrastrables: añade, edita, elimina y reordena tus enlaces favoritos mediante drag-and-drop.
• Editor de notas estilo Apple Notes: vista dividida con barra lateral de archivos y editor enriquecido a la derecha. Soporta negrita, cursiva, color, resaltado, listas y checklists.
• Sincronización en la nube en tiempo real: gracias a Firebase Firestore, cualquier cambio (en tus enlaces o en cada carácter de tus notas) se sincroniza al instante. Puedes abrirlo en el móvil y el ordenador a la vez.
• Autenticación con Google: acceso restringido mediante login de Google. Solo tu cuenta autorizada accede a tus archivos.
• Reloj y meteorología dinámicos: geolocalización automática con valores por defecto a Madrid, España.
• Apariencia personalizable: define cualquier URL de imagen para cambiar el fondo y la estética de forma global.

🛠️ Stack técnico

• Frontend: JavaScript (vanilla) + TypeScript, HTML, CSS
• Build tool: Vite
• Backend: Firebase (Firestore + Authentication)
• Despliegue: Vercel

Construido sin framework de UI: la interfaz se gestiona directamente sobre el DOM, lo que permite un bundle ligero y un control total sobre el comportamiento de los componentes.

🚀 Cómo ejecutar y desplegar

El proyecto usa variables de entorno para gestionar las credenciales de Firebase, de modo que no se publican nunca en el repositorio.

1. Desarrollo local

1. Clona el repositorio:

   git clone https://github.com/JesusHernandezP/Zenith-Workspace.git

2. Instala las dependencias:

   npm install

3. Renombra el archivo .env.example a .env (este archivo está ignorado por .gitignore).
4. Pega tus credenciales del proyecto de Firebase dentro de .env:

   VITE_FIREBASE_API_KEY=AIzaSy...
   VITE_FIREBASE_AUTH_DOMAIN=tu-proyecto.firebaseapp.com
   VITE_FIREBASE_PROJECT_ID=tu-proyecto
   VITE_FIREBASE_STORAGE_BUCKET=tu-proyecto.firebasestorage.app
   VITE_FIREBASE_MESSAGING_SENDER_ID=0000000000
   VITE_FIREBASE_APP_ID=1:0000:web:0000

5. Lanza el servidor de desarrollo:

   npm run dev

2. Despliegue en Vercel

Importa el repositorio de GitHub en Vercel. En el asistente de configuración, antes de pulsar Deploy, abre el desplegable de Environment Variables y pega las mismas claves del archivo .env. Vercel las inyectará durante el build y el dashboard quedará desplegado.

---

Construido con Vite, JavaScript y Firebase.