Projeto desenvolvido como parte do processo seletivo da BeTalent para a posição de Front-end. Consiste em uma tabela responsiva que exibe e filtra informações de funcionários, construída com React e TypeScript, consumindo dados de uma API simulada com json-server.
- ✨ Interface moderna e responsiva
- 📊 Tabela de funcionários
- 🔍 Visualização detalhada das informações dos funcionários
- 📅 Formatação automática de datas
- 📞 Formatação automática de números de telefone
- React
- TypeScript
- CSS Modules
- Vite (Build tool)
Antes de começar, você precisará ter instalado em sua máquina:
- Node.js
- npm
- Clone o repositório:
git clone https://github.com/AlAnNuB/teste-betalent.git
cd teste-betalent- Instale as dependências:
npm installPara iniciar o servidor e o front end no terminal digite o comando:
npm run startPara iniciar o servidor no terminal digite o comando:
npm run start:serverO servidor de desenvolvimento iniciará em http://localhost:3000
Mantenha o terminal aberto para que o servidor fique em execução.
Para iniciar o front end com o vite em outra aba do terminal digite:
npm run start:frontO servidor de desenvolvimento iniciará em http://localhost:3001
src/
├── components/ # Componentes React reutilizáveis
│ └── table/ # Componente de tabela responsiva
| └── input/ # Componente de input de texto
| └── header/ # Componente superior com o logo
├── hooks/ # Custom hooks React
├── main.css/ # Arquivos de estilo globais
└── main.tsx # Componente principal da aplicação
- Faça um fork do projeto
- Crie uma branch para sua feature (
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.
- Alan Miranda - AlAnNuB
Para suporte, envie um email para [email protected] ou abra uma issue no repositório.