Este projeto consiste em uma aplicação React com sistema de login, cadastro, autenticação simples via localStorage e consumo da API pública do Star Wars. A interface exibe dados de naves estelares (Starships) com design temático, responsividade e testes unitários.
- Clone o repositório:
git clone https://github.com/Landim013/Project-StarWars.git
cd starwars-desafio- Instale as dependências:
npm install- Execute o projeto:
npm run dev- Execute os testes unitários:
npm run test- Cadastro e login com múltiplos usuários
- Armazenamento seguro no
localStorage - Logout sem apagar os dados salvos
- Exclusão de conta individual
- Validação dinâmica de senha
- Tabela com ordenação de dados da API Star Wars
- Responsividade mobile e desktop
- Testes unitários com Jest + Testing Library
- Mínimo de 6 caracteres
- Deve conter ao menos:
- 1 letra maiúscula
- 1 letra minúscula
- 1 número
- 1 caractere especial (ex:
!@#$%&*)
A aplicação consome dados da SWAPI - Star Wars API para exibir informações sobre:
- Naves estelares (
/starships) - Personagnes (
/people) - Planetas (
/planets) - Especies (
/species)
- Vite
- React.js
- Styled Components
- React Hook Form
- Axios
- React Router DOM
- Jest
- Testing Library
A aplicação foi construída com foco em:
- Modularidade: componentes e hooks reutilizáveis
- Escalabilidade: regras de negócio desacopladas
- Responsividade: design adaptado para mobile e desktop
- Acessibilidade: uso de
aria-labele navegação clara