Um projeto React moderno com Tailwind CSS e React Bootstrap, configurado com Vite para desenvolvimento rápido e eficiente.

• React 19 - Biblioteca para interfaces de usuário
• Vite - Build tool moderna e rápida
• Tailwind CSS - Framework CSS utility-first
• React Bootstrap - Componentes Bootstrap para React
• ESLint - Linting para qualidade de código

• react & react-dom - Core do React
• react-bootstrap - Componentes Bootstrap para React
• bootstrap - Framework CSS responsivo

• tailwindcss & @tailwindcss/postcss - CSS utility-first
• vite & @vitejs/plugin-react - Build tools
• eslint - Linting e qualidade de código
• autoprefixer - Compatibilidade CSS entre navegadores

# Instalar dependências
npm install

# Executar em modo desenvolvimento
npm run dev

# Gerar build de produção
npm run build

# Executar linting
npm run lint

• ✅ Tailwind CSS configurado e funcionando
• ✅ React Bootstrap com componentes prontos
• ✅ Integração híbrida - Use ambos os frameworks juntos
• ✅ Design responsivo - Mobile-first
• ✅ Hot reload - Desenvolvimento rápido com Vite
• ✅ Linting - ESLint configurado para React

src/
├── App.jsx          # Componente principal com exemplos
├── main.jsx         # Ponto de entrada da aplicação
└── index.css        # Estilos globais (Tailwind + Bootstrap)

Para informações completas sobre todas as dependências e configurações, consulte:

• DEPENDENCIES.md - Documentação detalhada das dependências

O projeto inclui exemplos de como usar Tailwind CSS e React Bootstrap juntos:

// Componente Bootstrap com styling Tailwind
<Card className="shadow-lg border-0">
  <Card.Header className="bg-gradient-to-r from-blue-500 to-purple-600 text-white">
    <h5 className="mb-0 font-semibold">Título do Card</h5>
  </Card.Header>
  <Card.Body>
    <Button variant="primary" className="transition-transform hover:scale-105">
      Botão com efeitos Tailwind
    </Button>
  </Card.Body>
</Card>

• Vite: Configuração padrão com plugin React
• Tailwind: Configurado para escanear arquivos JSX/TSX
• PostCSS: Configurado com Tailwind e Autoprefixer
• ESLint: Regras para React e React Hooks

Este projeto demonstra a integração perfeita entre Tailwind CSS e React Bootstrap em um ambiente de desenvolvimento moderno com Vite.