# 💻 SmartDesk View - Help Desk Dashboard

Um painel de controle completo e responsivo para visualização e gerenciamento de chamados de TI. Este projeto foi concebido e desenvolvido **100% através de Inteligência Artificial**, demonstrando o potencial da IA na criação rápida de soluções web funcionais e bem estruturadas.

## 🚀 Sobre o Projeto

O SmartDesk View é um painel focado na experiência do usuário e na clareza dos dados. Ele conecta-se a um banco de dados MySQL para ler informações de chamados de suporte técnico, exibindo métricas gerais, gráficos interativos e tabelas organizadas por status. 

A interface utiliza um design moderno com base em variáveis CSS, garantindo fácil manutenção, além de recursos visuais inteligentes, como linhas tachadas para chamados concluídos/cancelados e um esquema de cores intuitivo para prioridades.

## ✨ Funcionalidades

* **Cards de Resumo Dinâmicos:** Contagem em tempo real de chamados totais, pendentes, em andamento, concluídos e cancelados.
* **Navegação Âncora:** Clique nos cards para ser direcionado automaticamente para a tabela correspondente (Scroll Suave).
* **Gráficos Interativos (Chart.js):** Gráfico de Pizza exibindo a distribuição de status e Gráfico de Barras ranqueando o volume por categoria.
* **Tabelas Segmentadas:** Visualização separada para chamados Pendentes, Em Andamento e a lista Geral.
* **UI/UX Inteligente:** Cores dinâmicas e classes CSS geradas via PHP (`sanitize_class`).
* **Design Visual:** Efeito visual de "linha tachada" e transparência para chamados inativos (Concluídos e Cancelados).
* **Responsividade:** Layout responsivo que se adapta a telas de computadores, tablets e smartphones.

## 🛠️ Tecnologias Utilizadas

* **Backend:** PHP 8+
* **Banco de Dados:** MySQL (Consultas relacionais com `INNER JOIN`)
* **Frontend:** HTML5, CSS3 (CSS Variables, Flexbox, CSS Grid)
* **Bibliotecas:** [Chart.js](https://www.chartjs.org/) (Para renderização dos gráficos)

## ⚙️ Como rodar o projeto localmente

### Pré-requisitos
Você precisará de um servidor web local (como XAMPP, WAMP ou Laragon) que suporte PHP e MySQL.

### Passo a Passo

1. **Clone o repositório:**
   ```bash
   git clone [https://github.com/giovanamendoncaraimundo-rgb/SmartDesk_View](https://github.com/giovanamendoncaraimundo-rgb/SmartDesk_View)

2. **Configure o Banco de Dados:**
Abra o phpMyAdmin (ou seu gerenciador de banco de dados preferido). Execute o script SQL fornecido no arquivo helpdesk_2611.sql. Ele criará o banco de dados helpdesk, as tabelas e inserirá dados de teste.

3. **Configure a Conexão PHP:**
Abra o arquivo conexao.php e edite as credenciais (usuário e senha) para corresponderem ao seu servidor MySQL local:

PHP
$conexao = mysqli_connect("localhost", "seu_usuario", "sua_senha", "helpdesk");

4. **Execute o projeto:**
Mova a pasta do projeto para o diretório público do seu servidor (ex: htdocs no XAMPP). Acesse no navegador: http://localhost/SmartDesk_View/index.php.

🤖 Créditos e IA
Este projeto é um experimento prático que utilizou Inteligência Artificial em todo o seu ciclo de desenvolvimento: desde a modelagem do banco de dados relacional e criação das queries PHP, até o design da interface (HTML/CSS) e integração da biblioteca de gráficos (JavaScript).

Desenvolvido por Giovana Mendonça Raimundo (com uma ajudinha da IA!).