Implementação moderna e enxuta de uma interface full‑stack para interagir com a API da Binance, criada como parte do desafio do frontend‑test da Fontiana.
- Frontend: React + Vite + TypeScript
- UI e Design System:
- shadcn/ui — componentes acessíveis, estilizados com Tailwind
- Ícones via
lucide-react - Utilitários:
clsx,class-variance-authority,tailwind-merge,tw-animate-css
- Estilização: TailwindCSS + animações
- Requisições e dados:
axios, React Query (@tanstack/react-query) - Lint e formatação: ESLint com suporte React, TypeScript e Hooks
- Testes: Testing Library (React, Jest DOM), Vitest
- Outros:
json-serverpara mock de dados
| Script | Descrição |
|---|---|
npm run dev |
Inicia o Vite em modo desenvolvimento |
npm run build |
Compila TypeScript e gera build otimizado com Vite |
npm run preview |
Serve a versão de produção localmente |
npm run lint |
Executa ESLint em todo o projeto |
shadcn/ui(via Radix primitives por baixo dos panos)tailwindcss,@tailwindcss/vite,tailwind-merge,tw-animate-css@tanstack/react-query,axiosclsx,class-variance-authoritylucide-reactreact,react-dom
vite,typescript,@vitejs/plugin-reacteslint,typescript-eslint,eslint-plugin-react-hooks,eslint-plugin-react-refresh@testing-library/react,@testing-library/jest-dom,jsdomvitest,json-server,concurrently
- Node.js v20 ou superior
- npm ou yarn instalado
# 1. Clone o repositório
git clone https://github.com/srsouzaj/binance.git
# 2. Acesse o diretório do projeto
cd binance
# 3. Instale as dependências
npm install
# 4. Inicie o ambiente de desenvolvimento
npm run devEsse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
Feito por Jorge de Souza