Mi-Saldo-TransMi

Publicado hace 16 días
•
9 vistas
NodeJS EJS TailwindCSS Vanilla JS

🚀 Mi Saldo TransMi (Node.js + EJS Port)

Esta es una reescritura completa de la aplicación original Angular utilizando Node.js, Express, EJS, TailwindCSS y Vanilla JS.

📋 Pre-requisitos

  • Node.js instalado en tu sistema.
  • Una cuenta de Firebase (con Firestore y Authentication habilitados).

⚙️ Instalación

Abre una terminal en la raíz de la carpeta del proyecto y ejecuta:


npm install

⚠️ Configuración Obligatoria

Debes configurar tus credenciales de Firebase para que la aplicación logre conectarse a la base de datos:

  1. Abre el archivo public/js/main.js.
  2. Busca la constante firebaseConfig al inicio del documento.
  3. Reemplaza los valores de API_KEY_AQUI, PROJECT_ID, etc., con los datos proporcionados por tu consola de Firebase.

▶️ Ejecución

Para arrancar el servidor localmente, simplemente ejecuta:


npm start

La aplicación estará disponible inmediatamente en: http://localhost:3000

📁 Estructura Principal

  • app.js: Servidor backend principal utilizando Express.
  • views/index.ejs: Plantilla HTML renderizada con motor EJS y TailwindCSS.
  • public/js/main.js: Lógica central de la aplicación (Interacciones UI, Auth y Firestore).
  • public/css/styles.css: Estilos CSS personalizados (animaciones fluidas y scrollbars).


Ver Código Fuente
Volver a Proyectos