HithoCar é uma aplicação desktop desenvolvida para simplificar e otimizar a gestão de ordens de serviço, clientes e finanças em oficinas mecânicas. O sistema foi construído utilizando Electron, React, TypeScript e Tailwind CSS, com um banco de dados SQLite para armazenamento local dos dados, garantindo performance e acesso offline.
Este projeto foi criado como uma solução robusta e intuitiva para atender às necessidades diárias de uma oficina, desde o cadastro inicial de um cliente e veículo até a finalização e impressão de uma ordem de serviço.
O HithoCar oferece um conjunto completo de ferramentas para a gestão eficiente de uma oficina:
- 🖥️ Dashboard Intuitivo:
- Visão geral das principais métricas (receita mensal, O.S. concluídas, total de O.S., total de clientes).
- Gráficos de resumo de atividades (O.S. por status, novas O.S. nos últimos 7 dias).
- Ações rápidas para criar novas O.S., cadastrar clientes e acessar configurações.
- 👤 Gestão de Clientes:
- Cadastro completo de clientes (CPF, nome, telefone, endereço, etc.).
- Busca rápida por nome ou CPF.
- Histórico de serviços vinculados a cada cliente.
- 🛠️ Ordens de Serviço (O.S.):
- Criação detalhada de O.S., incluindo dados do cliente, veículo, descrição do serviço, peças/itens utilizados e mão de obra.
- Busca de cliente por CPF durante a criação da O.S.
- Cálculo automático de totais (peças, mão de obra, total geral).
- Listagem completa de todas as O.S. com filtros e ordenação.
- Busca de O.S. por ID ou placa do veículo.
- Visualização detalhada de cada O.S.
- Atualização de status da O.S. (Orçamento, Aprovado, Em Andamento, Concluído, etc.).
- Exclusão de O.S. (com confirmação).
- 📄 Impressão Profissional:
- Geração de documentos para impressão (Orçamento ou Ordem de Serviço) com layout profissional.
- Inclusão de dados da empresa (logo, nome, CNPJ, endereço) e do cliente.
- Detalhes do veículo, peças, serviços e valores.
- ⚙️ Configurações da Empresa:
- Personalização dos dados da empresa (nome, ícone, CNPJ, endereço, telefone, e-mail, nome do vendedor).
- (Futuro) Configurações de API e modelo para integrações.
- 🔒 Validação de Licença (HWID):
- Sistema de validação de hardware para controle de acesso ao software (pode ser desabilitado).
- 📊 Relatórios e Estatísticas:
- Dados consolidados no dashboard para acompanhamento do desempenho da oficina.
- Framework Principal: Electron - Para construção de aplicações desktop multiplataforma com tecnologias web.
- Interface do Usuário (UI):
- React - Biblioteca JavaScript para construção de interfaces de usuário.
- TypeScript - Superset do JavaScript que adiciona tipagem estática.
- Tailwind CSS - Framework CSS utility-first para estilização rápida.
- shadcn/ui (componentes base) - Coleção de componentes de UI reutilizáveis.
- Lucide Icons - Biblioteca de ícones SVG.
- Recharts - Biblioteca de gráficos para React.
- Roteamento: React Router - Para navegação entre as diferentes telas da aplicação.
- Gerenciamento de Estado: Context API do React.
- Banco de Dados: SQLite (via
better-sqlite3) - Banco de dados relacional embarcado, armazenado localmente. - Build Tool: Vite - Ferramenta de build moderna e rápida.
- Empacotamento: Electron Builder - Para empacotar a aplicação para diferentes sistemas operacionais.
Este projeto é um portfólio e demonstra minhas habilidades no desenvolvimento de aplicações desktop complexas utilizando tecnologias web modernas. O foco foi criar uma solução funcional, com boa usabilidade e uma arquitetura organizada.