Skip to content

README.md

Latest commit

 

History

History
60 lines (52 loc) · 2.8 KB

README.md

File metadata and controls

60 lines (52 loc) · 2.8 KB

Counter Chuleta

Una aplicación web para gestionar contadores personalizados, organizada por grupos temáticos y con estadísticas.

Características

  • Autenticación de usuarios: Registro e inicio de sesión seguros
  • Grupos temáticos: Organiza tus contadores en grupos personalizables
  • Contadores personalizables:
    • Asigna colores a cada contador
    • Establece valores iniciales
    • Minimiza contadores que no estás usando
  • Estadísticas: Visualiza el uso de tus contadores con gráficos
  • Modo oscuro: Interfaz adaptable para uso diurno y nocturno
  • Diseño responsive: Funciona en dispositivos móviles y de escritorio

Estructura del proyecto

/ ├── css/ # Estilos CSS organizados por componentes │ ├── animations.css # Animaciones y transiciones │ ├── auth.css # Estilos para la autenticación │ ├── buttons.css # Estilos de botones │ ├── counter.css # Estilos específicos de contadores │ ├── general.css # Estilos generales │ ├── groups.css # Estilos para grupos de contadores │ ├── layout.css # Estructura y disposición │ ├── main.css # Archivo principal que importa todos los CSS │ ├── modals.css # Estilos para ventanas modales │ ├── responsive.css # Ajustes para diferentes dispositivos │ ├── statistics.css # Estilos para la sección de estadísticas │ ├── styles.css # Estilos adicionales │ ├── templates.css # Estilos para plantillas de grupos │ ├── theme.css # Estilos para temas claro/oscuro │ └── variables.css # Variables CSS para personalización │ ├── js/ # Scripts JavaScript │ ├── app.js # Lógica principal de la aplicación │ ├── auth.js # Gestión de autenticación │ ├── counter.js # Funcionalidad de contadores │ ├── firebase-config.js # Configuración de Firebase │ ├── statistics.js # Generación de gráficos y estadísticas │ ├── templates.js # Plantillas predefinidas │ └── ui.js # Interacciones de interfaz │ ├── +.png # Logo de la aplicación ├── index.html # Página principal └── README.md # Este archivo

Tecnologías utilizadas

  • Frontend: HTML5, CSS3, JavaScript (ES6+)
  • Frameworks/Librerías:
    • Bootstrap 5.3.0 - Framework CSS para diseño responsive
    • Font Awesome 6.0.0 - Iconos vectoriales
    • Chart.js - Visualización de datos con gráficos
  • Backend/Almacenamiento:
    • Firebase Authentication - Gestión de usuarios
    • Firebase Firestore - Base de datos NoSQL en la nube