Skip to content

O LTD (Laboratório de Transformação Digital) é uma plataforma digital inovadora desenvolvida para modernizar e otimizar processos no setor público através de tecnologias emergentes. Nossa missão é democratizar o acesso a ferramentas de alta qualidade em Cibersegurança, Inteligência Artificial e Análise de Dados.

Notifications You must be signed in to change notification settings

ltd-estacio/ltd-react

Repository files navigation

🚀 LTD - Laboratório de Transformação Digital

LTD Logo React Vite TailwindCSS

Plataforma Digital para Modernização do Setor Público

🌐 Demo📖 Documentação🐛 Issues💬 Discussões


📋 Sumário


🎯 Sobre o Projeto

O LTD (Laboratório de Transformação Digital) é uma plataforma digital inovadora desenvolvida para modernizar e otimizar processos no setor público através de tecnologias emergentes. Nossa missão é democratizar o acesso a ferramentas de alta qualidade em Cibersegurança, Inteligência Artificial e Análise de Dados.

🎯 Objetivos

  • Modernização Digital: Facilitar a transformação digital no setor público
  • Capacitação Técnica: Fornecer recursos educacionais e ferramentas práticas
  • Segurança da Informação: Implementar melhores práticas de cibersegurança
  • Inovação Tecnológica: Aplicar IA e análise de dados para otimizar processos
  • Transparência Pública: Promover transparência através de dados abertos

🏆 Diferenciais

  • Interface Moderna: Design responsivo e intuitivo
  • Documentação Completa: Biblioteca técnica abrangente
  • Tecnologias Atuais: Stack moderno e performático
  • Foco no Setor Público: Soluções específicas para governança
  • Open Source: Código aberto e colaborativo

🛠 Tecnologias

Frontend

  • React 18.2.0 - Library para construção de interfaces
  • Vite 5.0.0 - Build tool e dev server ultrarrápido
  • TailwindCSS 3.4.0 - Framework CSS utilitário
  • React Router 6.8.0 - Roteamento SPA
  • React Icons 4.12.0 - Biblioteca de ícones
  • Framer Motion 10.16.0 - Animações e transições

Desenvolvimento

  • ESLint 8.55.0 - Linting de código JavaScript/React
  • PostCSS 8.4.0 - Processamento de CSS
  • Autoprefixer 10.4.0 - Prefixos CSS automáticos

Deployment

  • Vercel - Hospedagem e CI/CD
  • GitHub Actions - Automação e deployment

Ferramentas de Produtividade

  • VS Code - Editor de código recomendado
  • Git - Controle de versão
  • npm/yarn - Gerenciamento de pacotes

🚀 Funcionalidades

📚 Biblioteca de Documentos

  • Filtros Avançados: Por categoria, tags e texto
  • Download Direto: PDFs técnicos e manuais
  • Visualização Online: Integração com GitHub
  • Pesquisa Inteligente: Busca em títulos, descrições e tags
  • Estatísticas: Métricas da biblioteca em tempo real

🛡️ Módulo de Cibersegurança

  • Checklists de Segurança: Auditorias mensais automatizadas
  • Google Dorks: Manual completo para OSINT
  • Normas ISO: Resumos práticos das principais ISOs
  • Gestão de Riscos: Ferramentas de análise e mitigação

🤖 Inteligência Artificial

  • Curso ChatGPT: Treinamento completo em IA generativa
  • Prompt Engineering: Técnicas avançadas de prompting
  • Automação: Workflows inteligentes
  • Machine Learning: Guias de implementação

📊 Análise de Dados

  • Tratamento LGPD: Conformidade com proteção de dados
  • Visualizações: Dashboards interativos
  • Estatísticas: Análises governamentais
  • Transparência: Ferramentas de dados abertos

📦 Instalação

Pré-requisitos

  • Node.js >= 18.0.0
  • npm >= 8.0.0 ou yarn >= 1.22.0
  • Git >= 2.30.0

Instalação Rápida

# Clone o repositório
git clone https://github.com/LTD-2025-1-Cyber-Security-Project/ltd-react-app.git

# Entre no diretório
cd ltd-react-app

# Instale as dependências
npm install
# ou
yarn install

# Inicie o servidor de desenvolvimento
npm run dev
# ou
yarn dev

Instalação Detalhada

  1. Clone o Repositório

    git clone https://github.com/LTD-2025-1-Cyber-Security-Project/ltd-react-app.git
    cd ltd-react-app
  2. Configuração do Ambiente

    # Copie o arquivo de exemplo
    cp .env.example .env.local
    
    # Configure as variáveis necessárias
    nano .env.local
  3. Instalação de Dependências

    # Instalar dependências principais
    npm install
    
    # Verificar vulnerabilidades
    npm audit
    
    # Corrigir vulnerabilidades (se necessário)
    npm audit fix
  4. Execução

    # Desenvolvimento
    npm run dev
    
    # Build de produção
    npm run build
    
    # Preview da build
    npm run preview

💻 Uso

Desenvolvimento Local

# Inicie o servidor de desenvolvimento
npm run dev

# A aplicação estará disponível em:
# http://localhost:5173

Scripts Disponíveis

# Desenvolvimento
npm run dev          # Inicia servidor de desenvolvimento

# Build
npm run build        # Gera build de produção
npm run preview      # Preview da build local

# Qualidade de Código
npm run lint         # Executa ESLint
npm run lint:fix     # Corrige problemas do ESLint

# Testes
npm run test         # Executa testes unitários
npm run test:watch   # Testes em modo watch
npm run test:coverage # Relatório de cobertura

Configuração de Ambiente

# .env.local
VITE_APP_TITLE="LTD - Laboratório de Tecnologia"
VITE_API_BASE_URL="https://api.ltd.gov.br"
VITE_GITHUB_TOKEN="your_github_token"
VITE_ANALYTICS_ID="your_analytics_id"

📁 Estrutura do Projeto

ltd-react-app/
├── 📁 public/                    # Arquivos públicos
│   ├── favicon.ico
│   ├── logo.svg
│   └── manifest.json
├── 📁 src/                       # Código fonte
│   ├── 📁 components/            # Componentes React
│   │   ├── Documents.jsx         # Biblioteca de documentos
│   │   ├── Header.jsx           # Cabeçalho da aplicação
│   │   ├── Footer.jsx           # Rodapé
│   │   └── Layout.jsx           # Layout principal
│   ├── 📁 pages/                # Páginas da aplicação
│   │   ├── Home.jsx             # Página inicial
│   │   ├── About.jsx            # Sobre o projeto
│   │   ├── Contact.jsx          # Contato
│   │   └── NotFound.jsx         # Página 404
│   ├── 📁 hooks/                # Custom hooks
│   │   ├── useDocuments.js      # Hook para documentos
│   │   └── useSearch.js         # Hook para pesquisa
│   ├── 📁 utils/                # Utilitários
│   │   ├── api.js               # Configurações de API
│   │   ├── constants.js         # Constantes
│   │   └── helpers.js           # Funções auxiliares
│   ├── 📁 styles/               # Estilos
│   │   ├── index.css            # Estilos globais
│   │   └── components.css       # Estilos de componentes
│   ├── App.jsx                  # Componente principal
│   └── main.jsx                 # Entry point
├── 📁 docs/                     # Documentação
│   ├── CONTRIBUTING.md          # Guia de contribuição
│   ├── DEPLOYMENT.md            # Guia de deployment
│   └── API.md                   # Documentação da API
├── 📁 tests/                    # Testes
│   ├── components/              # Testes de componentes
│   └── utils/                   # Testes de utilitários
├── .env.example                 # Exemplo de variáveis de ambiente
├── .gitignore                   # Arquivos ignorados pelo Git
├── package.json                 # Dependências e scripts
├── tailwind.config.js           # Configuração do Tailwind
├── vite.config.js              # Configuração do Vite
└── README.md                   # Este arquivo

🔌 APIs e Integrações

GitHub API

// Integração com repositórios do GitHub
const GITHUB_API = 'https://api.github.com/repos/LTD-2025-1-Cyber-Security-Project';

// Endpoints utilizados
GET /repos/{owner}/{repo}/contents/{path}  // Listagem de arquivos
GET /repos/{owner}/{repo}/releases         // Releases
GET /repos/{owner}/{repo}/commits          // Histórico de commits

API Interna (Planejada)

// Base URL da API
const API_BASE = 'https://api.ltd.gov.br/v1';

// Endpoints planejados
GET    /api/documents              // Lista documentos
GET    /api/documents/:id          // Documento específico
POST   /api/documents/download     // Download com tracking
GET    /api/stats                  // Estatísticas de uso
POST   /api/feedback               // Feedback dos usuários

Integrações Externas

  • Vercel Analytics - Métricas de performance
  • GitHub Actions - CI/CD automático
  • ESLint/Prettier - Qualidade de código

🔬 Metodologias

Desenvolvimento

  • Agile/Scrum - Metodologia de desenvolvimento
  • GitFlow - Fluxo de versionamento
  • Test-Driven Development - TDD para qualidade
  • Clean Code - Código limpo e legível

Segurança

  • DevSecOps - Segurança integrada ao desenvolvimento
  • OWASP Top 10 - Melhores práticas de segurança web
  • ISO 27001/27002 - Normas de segurança da informação
  • LGPD Compliance - Conformidade com proteção de dados

Qualidade

  • Code Review - Revisão de código obrigatória
  • Automated Testing - Testes automatizados
  • Performance Monitoring - Monitoramento contínuo
  • Accessibility (a11y) - Acessibilidade web

🤝 Contribuição

Contribuições são muito bem-vindas! Siga estes passos:

1. Preparação

# Fork o projeto
# Clone seu fork
git clone https://github.com/SEU_USERNAME/ltd-react-app.git

# Adicione o upstream
git remote add upstream https://github.com/LTD-2025-1-Cyber-Security-Project/ltd-react-app.git

2. Desenvolvimento

# Crie uma branch para sua feature
git checkout -b feature/nova-funcionalidade

# Faça suas alterações
# Teste suas alterações
npm run test

# Commit suas mudanças
git commit -m "feat: adiciona nova funcionalidade"

3. Submissão

# Push para seu fork
git push origin feature/nova-funcionalidade

# Abra um Pull Request

Padrões de Commit

Utilizamos Conventional Commits:

feat: nova funcionalidade
fix: correção de bug
docs: atualização de documentação
style: formatação de código
refactor: refatoração
test: adição de testes
chore: tarefas de manutenção

Issues e Bugs

  • Use templates de issue disponíveis
  • Forneça informações detalhadas
  • Inclua screenshots quando apropriado
  • Teste em diferentes navegadores

📄 Licença

Este projeto está licenciado sob a MIT License.

MIT License

Copyright (c) 2025 LTD - Laboratório de Transformação Digital

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

📊 Versões

v2.1.0 (Atual) - 2025-01-24

  • ✨ Nova biblioteca de documentos técnicos
  • 🎨 Interface redesenhada com TailwindCSS
  • 🔍 Sistema de pesquisa avançado
  • 📱 Melhorias na responsividade
  • 🐛 Correções de bugs críticos

v2.0.0 - 2025-01-15

  • 🚀 Migração para React 18
  • ⚡ Implementação do Vite
  • 🎯 Novo sistema de roteamento
  • 📊 Dashboard de estatísticas
  • 🔐 Melhorias de segurança

v1.5.0 - 2024-12-20

  • 📚 Adição de documentos de IA
  • 🛡️ Módulo de cibersegurança expandido
  • 📈 Sistema de analytics
  • 🌐 Suporte a PWA

v1.0.0 - 2024-12-01

  • 🎉 Lançamento inicial
  • 📖 Biblioteca básica de documentos
  • 🎨 Interface inicial
  • 🔧 Configuração do projeto

Roadmap

v2.2.0 (Q1 2025)

  • API REST completa
  • Sistema de autenticação
  • Dashboard administrativo
  • Notificações push

v3.0.0 (Q2 2025)

  • Migração para Next.js
  • SSR/SSG implementation
  • Microsserviços
  • Aplicativo mobile

📞 Contato

Equipe de Desenvolvimento

LTD - Laboratório de Transformação Digital

Maintainers

Suporte


⭐ Se este projeto foi útil, considere dar uma estrela!

Stars Forks


Desenvolvido com ❤️ pela equipe LTD

Modernizando o setor público através da tecnologia

About

O LTD (Laboratório de Transformação Digital) é uma plataforma digital inovadora desenvolvida para modernizar e otimizar processos no setor público através de tecnologias emergentes. Nossa missão é democratizar o acesso a ferramentas de alta qualidade em Cibersegurança, Inteligência Artificial e Análise de Dados.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •