Bautt | Plataforma Pro - Gestão Inteligente de Projetos

🚀 Sobre a Bautt

A Bautt é uma plataforma revolucionária de gestão de projetos que combina inteligência artificial, automação e design moderno para otimizar o fluxo de trabalho de equipes e empresas.

🎯 Principais Funcionalidades

• Dashboard Inteligente: Visão completa dos projetos em tempo real
• Gestão de Equipes: Controle avançado de usuários e permissões
• Automação de Processos: Workflows inteligentes para máxima eficiência
• Relatórios Avançados: Analytics detalhados com insights acionáveis
• Integração Completa: APIs robustas para conectar suas ferramentas favoritas

🛠️ Tecnologias

Este projeto foi desenvolvido com:

• React 18 + TypeScript - Interface moderna e type-safe
• Vite - Build tool ultrarrápido
• TailwindCSS - Styling utilitário responsivo
• i18next - Internacionalização completa (PT-BR padrão)
• React Router - Navegação SPA avançada

📦 Instalação e Configuração

Pré-requisitos

• Node.js 18+
• npm ou yarn

Instalação

# Clone o repositório
git clone https://github.com/bautt/plataforma-pro.git

# Acesse o diretório
cd plataforma-pro/boltify  

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

🚀 Scripts Disponíveis

Desenvolvimento

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

Abra http://localhost:5174 no seu navegador.

Build de Produção

# Gera build otimizado para produção
npm run build
# ou
yarn build

Qualidade de Código

# Executa análise ESLint
npm run lint
yarn run lint

# Corrige problemas ESLint automaticamente  
npm run lint:fix
yarn run lint:fix

# Formata código com Prettier
npm run prettier:fix  
yarn run prettier:fix

Ícones

# Processa ícones SVG da pasta SvgIcons
npm run icon
yarn run icon

📁 Estrutura do Projeto

bautt-plataforma-pro/
├── public/                 # Arquivos estáticos
├── src/
│   ├── api/               # Configurações de API
│   ├── assets/            # Imagens e recursos
│   ├── components/        # Componentes reutilizáveis
│   ├── config/           
│   │   └── theme.config.ts # Configurações do tema Bautt
│   ├── constants/         # Constantes da aplicação
│   ├── context/           # Contextos React
│   ├── hooks/             # Custom hooks
│   ├── layouts/           # Layouts de página
│   ├── locales/           # Traduções (PT-BR padrão)
│   │   ├── pt/           # Português brasileiro
│   │   ├── en/           # Inglês
│   │   └── es/           # Espanhol
│   ├── pages/             # Páginas da aplicação
│   ├── types/             # Definições TypeScript
│   ├── utils/             # Utilitários
│   ├── App.tsx            # Componente principal
│   ├── i18n.ts           # Configuração i18n
│   └── main.tsx          # Entry point
├── .env                   # Variáveis de ambiente
├── package.json
├── vite.config.ts        # Configuração Vite
└── README.md

🎨 Personalização da Marca Bautt

Configuração do Tema

// src/config/theme.config.ts
const themeConfig = {
  projectTitle: 'Bautt',
  projectName: 'Bautt | Plataforma Pro - Gestão Inteligente de Projetos',
  language: 'pt',
  themeColor: 'emerald', // Verde Bautt
  themeColorShade: '600',
  // ...outras configurações
};

Cores da Marca

• Primary: Emerald 600 (#059669)
• Secondary: Gray 600 (#4B5563)
• Accent: Blue 500 (#3B82F6)

🌐 Internacionalização

O sistema suporta múltiplos idiomas com português brasileiro como padrão:

• 🇧🇷 Português (pt) - Padrão
• 🇺🇸 Inglês (en)
• 🇪🇸 Espanhol (es)
• 🇸🇦 Árabe (ar)

📋 Configuração de Páginas

// Exemplo de configuração de páginas
export const bauttPages = {
  dashboard: {
    id: 'dashboard',
    to: '/dashboard',
    text: 'Painel Principal',
    icon: 'HeroChartBar',
  },
  projects: {
    id: 'projects', 
    to: '/projetos',
    text: 'Projetos',
    icon: 'HeroFolder',
    subPages: {
      list: {
        id: 'projectsList',
        to: '/projetos/lista', 
        text: 'Lista de Projetos',
        icon: 'HeroListBullet',
      },
      create: {
        id: 'projectsCreate',
        to: '/projetos/criar',
        text: 'Criar Projeto', 
        icon: 'HeroPlus',
      },
    },
  },
};

🔒 Autenticação e Permissões

// Exemplo de rota protegida
{
  element: <Protected role='admin' />,
  children: [
    {
      element: <DefaultLayout />,
      children: [
        {
          path: '/admin/dashboard',
          element: <AdminDashboard />,
        },
      ],
    },
  ],
}

🚀 Deploy

Netlify (Recomendado)

1. Conecte seu repositório ao Netlify
2. Configure build command: npm run build
3. Configure publish directory: dist
4. Deploy automático em cada push

Outras Opções

• Vercel: Suporte nativo para Vite
• AWS S3 + CloudFront: Para grandes volumes
• Docker: Container pronto para produção

📞 Suporte

• Website: bautt.com.br
• Email: suporte@bautt.com.br
• Documentação: docs.bautt.com.br

📄 Licença

© 2024 Bautt. Todos os direitos reservados.

---

Desenvolvido com ❤️ pela equipe Bautt