Uma calculadora moderna para cálculo de offset de rodas, construída com React, TypeScript e design Neo-Brutalista.
- Cálculo preciso de offset baseado em:
- Medida borda a borda (altura)
- Medida da base até a furação (backspace)
- Histórico de cálculos persistente
- Interface moderna e intuitiva
- Design Neo-Brutalista com elementos arredondados
- Totalmente responsivo
- React - Biblioteca para construção de interfaces
- TypeScript - Adiciona tipagem estática ao JavaScript
- Tailwind CSS v4 - Framework CSS utility-first
- Zustand - Gerenciamento de estado simples e eficiente
- Vite - Build tool e dev server
O projeto utiliza um design Neo-Brutalista moderno, caracterizado por:
- Bordas grossas e arredondadas
- Sombras pronunciadas
- Esquema de cores minimalista
- Interações e animações suaves
- Tipografia monoespaçada
src/
├── components/
│ ├── ui/
│ │ ├── BrutalButton.tsx
│ │ └── BrutalInput.tsx
│ └── calculator/
│ ├── CalculatorForm.tsx
│ └── HistoryList.tsx
├── store/
│ └── calculatorStore.ts
├── types/
│ └── calculator.types.ts
└── App.tsx
O cálculo do offset é realizado usando a seguinte fórmula:
offset = (altura / 2 - backspace) * -1;- Clone o repositório
git clone [url-do-repositorio]- Instale as dependências
npm install- Execute o projeto
npm run dev- Insira a medida borda a borda (altura) da roda
- Insira a medida da base até a furação (backspace)
- Clique em "Calcular"
- O resultado será exibido e salvo no histórico
- Consulte o histórico para ver cálculos anteriores
Contribuições são sempre bem-vindas! Por favor, leia o guia de contribuição primeiro.
- Faça o Fork do projeto
- Crie sua Feature Branch (
git checkout -b feature/AmazingFeature) - Commit suas mudanças (
git commit -m 'Add some AmazingFeature') - Push para a Branch (
git push origin feature/AmazingFeature) - Abra um Pull Request
Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
Desenvolvido com ❤️ e ☕