Este Ć© um projeto React.js que utiliza a API SWAPI (https://swapi.dev/) para listar os personagens de Star Wars. A interface construĆda permite visualizar os personagens, filtrar pelo nome e navegar entre as pĆ”ginas.
- Link de acesso: https://personagens-star-wars.vercel.app/
A aplicaĆ§Ć£o oferece os seguintes recursos:
- Lista os personagens da API SWAPI em grade.
- Filtrar os personagens pelo nome.
- PaginaĆ§Ć£o dos resultados, exibindo 10 registros por vez.
- BotƵes de navegaĆ§Ć£o para alternar entre as pĆ”ginas.
A aplicaĆ§Ć£o Ć© desenvolvida utilizando as seguintes tecnologias:
- React.js: Biblioteca JavaScript para construĆ§Ć£o de interfaces de usuĆ”rio.
- Axios: Biblioteca para fazer chamadas HTTP para a API SWAPI.
- Styled Components: Biblioteca para estilizaĆ§Ć£o de componentes React.
- Skeleton: Biblioteca para criar animaƧƵes de carregamento.
- Node.js.
- NPM (gerenciador de pacotes do Node.js).
- Clone o repositĆ³rio para o seu ambiente local.
- Tenha o node instalado em sua mƔquina.
- Execute o comando
npm install
para instalar as dependĆŖncias do projeto. - Execute o comando
npm run dev
para iniciar o servidor local. - Acesse o endereƧo local no seu navegador.
- Na pĆ”gina, vocĆŖ verĆ” a lista de personagens de Star Wars. Utilize o campo de busca para filtrar os personagens pelo nome. A cada 10 personagens exibidos, haverĆ” botƵes de paginaĆ§Ć£o para navegar entre as pĆ”ginas.
- images: Imagens utilizadas no README.md.
- src: Arquivos da aplicaĆ§Ć£o.
- components: Componentes React.
- pages: PƔginas React.
- providers: ServiƧos de acesso Ć API.
- services: Getters de dados.
- styles: Estilos globais da aplicaĆ§Ć£o.
- utils: FunƧƵes utilitƔrias.
Esta aplicaĆ§Ć£o foi desenvolvida por Juathan Coelho Duarte. Entre em contato pelo e-mail juathanduarte13@gmail.com para mais informaƧƵes.