|
| 1 | +# SentimentAPI Analytics - UI Proposal |
| 2 | + |
| 3 | +Este repositorio contiene la propuesta de diseño frontend para **SentimentAPI Analytics**, una plataforma web dedicada al procesamiento masivo de análisis de sentimientos mediante Inteligencia Artificial. |
| 4 | + |
| 5 | +El proyecto se centra en ofrecer una experiencia de usuario (UX) fluida para la carga de datasets (.csv) y la visualización clara de resultados predictivos. |
| 6 | + |
| 7 | +## 🚀 Características Principales |
| 8 | + |
| 9 | +* **Diseño Responsivo:** Adaptabilidad total a dispositivos móviles y escritorio utilizando **Bootstrap 5**. |
| 10 | +* **Gestión de Archivos:** Interfaz intuitiva "Drag & Drop" para la carga de archivos CSV. |
| 11 | +* **Dashboard Interactivo:** Visualización de métricas y distribución de sentimientos mediante **Chart.js**. |
| 12 | +* **Feedback Visual:** Indicadores de estado, barras de progreso y clasificación por colores (Semáforo de sentimientos). |
| 13 | +* **Estética Profesional:** Interfaz limpia (Clean UI) con tipografía legible y paleta de colores corporativa. |
| 14 | + |
| 15 | +## 🛠️ Stack Tecnológico |
| 16 | + |
| 17 | +* **HTML5** - Estructura semántica. |
| 18 | +* **CSS3** - Estilos personalizados y diseño adaptativo. |
| 19 | +* **Bootstrap 5.3** - Framework de componentes UI y sistema de grillas. |
| 20 | +* **JavaScript (ES6)** - Lógica de interacción y manipulación del DOM. |
| 21 | +* **Chart.js** - Librería para la generación de gráficos dinámicos. |
| 22 | + |
| 23 | +## 📂 Estructura del Proyecto |
| 24 | + |
| 25 | +* `index.html`: Landing page y módulo de carga de archivos. |
| 26 | +* `dashboard.html`: Tablero de resultados y visualización de datos. |
| 27 | +* `style.css`: Hoja de estilos personalizada. |
| 28 | +* `script.js`: Lógica de frontend y simulación de datos. |
| 29 | + |
| 30 | +## 📷 Vista Previa |
| 31 | + |
1 | 32 | <img width="1920" height="1040" alt="00001_" src="https://github.com/user-attachments/assets/0a50e368-bf10-4842-a586-bc3b1b50152b" /> |
2 | 33 | https://rominarg.github.io/DemoSentimentAPI/index.html |
3 | 34 | <img width="1920" height="1747" alt="00002_" src="https://github.com/user-attachments/assets/16f722df-429f-4990-8e38-ab188d36a16f" /> |
|
0 commit comments