🛩️ Aeronaves GUI - AV2

Aeronaves GUI

  Sobre   |     Relatório   |     Tecnologias   |    Protótipo |   Funcionalidades   |   Instalação

Status do projeto: Concluído ✅

---

📃 Sobre

O Aeronaves GUI é um sistema web desenvolvido em React + TypeScript + Vite, com o objetivo de gerenciar aeronaves, peças e relatórios de produção em uma interface gráfica moderna e intuitiva.  

O sistema apresenta dashboard com gráficos interativos, exibição de estatísticas de produção e desempenho, além de integração visual consistente com um layout responsivo.

---

📄 Relatório de Planejamento

Antes do desenvolvimento deste protótipo, foi elaborada uma documentação de projeto contendo:

• Análise de Requisitos: Definição dos requisitos funcionais (RFs) da aplicação, baseados no sistema CLI original.
• Wireframes: Esboços de baixa fidelidade (low-fidelity) de todas as telas principais.
• Fluxo de Navegação: Um diagrama de "wireflow" detalhando a jornada do usuário engenheiro através da interface.

       

---

⚙️ Tecnologias

 

---

💻 Funcionalidades

• 📊 Dashboard interativo com gráficos de barras, pizza e linha
• 🧩 Gerenciamento de Peças e Aeronaves
• 📅 Visualização de dados de produção
• 📈 Indicadores de desempenho
• 🧠 Design responsivo e dinâmico
• 🪄 Componentização do layout (Header, Sidebar e Main)
• 💾 Arquitetura limpa e organizada com pastas separadas

---

🌳 Estrutura do Projeto

Aqui está a arquitetura de pastas principal do projeto:

src/
├── assets/
├── components/
├── pages/
├── routes/
├── styles/
├── App.tsx
└── main.tsx

---

🛠️ Instalação e Execução

Siga estas etapas para executar o protótipo em sua máquina local.

Requisitos

• Node.js (versão 18 ou superior)
• npm (geralmente instalado com o Node.js)

Passos

1. Clone o repositório:

   git clone [URL_DO_SEU_REPOSITORIO_AQUI]
   cd [NOME_DA_SUA_PASTA_AQUI]

2. Instale as dependências: (Este comando irá instalar o react-router-dom, react-icons, etc.)

   npm install

3. Execute o projeto: (Este comando inicia o servidor de desenvolvimento do Vite.)

   npm run dev

4. Abra http://localhost:5173 (ou a porta indicada no seu terminal) no seu navegador.

🔑 Credenciais de Acesso

Como este é um protótipo "front-end only" (sem back-end), o login é simulado.

Use as seguintes credenciais para acessar o dashboard:

• Usuário: admin
• Senha: admin

(Qualquer outra combinação de login também funcionará, e entrará como admin)