SWAPI - Um Projeto do Star Wars

📌 Visão Geral

Este projeto é parte do Desafio de Desenvolvimento Web para Hubbi. Ele visa demonstrar a aplicação prática dos conhecimentos adquiridos na construção de uma aplicação web utilizando tecnologias modernas. Documentação do Desafio

📝 Resumo do Projeto

A Swapi é uma api pública do Star Wars que lista os personagens, as naves, os planetas, filmes, etc. . O projeto Swapi é uma aplicação web desenvolvida como parte do Desafio de Desenvolvimento Web Frontend. Utiliza a API do Star Wars (SWAPI) para exibir informações sobre personagens da saga e informações das naves.

📝 Requisitos

Node.js

🔍 Tecnologias

React para construção da interface do usuário.
Vite para o site react.
React Router para gerenciamento de rotas na aplicação.
Tailwind CSS lib para estilização.
SASS para estilização css.
JWT para autenticação de login.

Funcionalidades

Página Inicial (Home)
- Apresenta uma visão geral do projeto e um menu com links para outras seções.

Página de Listagem de Personagens (Search)
- Lista todos os personagens disponíveis através da API SWAPI.
- Permite filtrar personagens por nome.
- Fornece detalhes completos de cada personagem ao clicar em um card.

Login
- Página com auteticação jwt para dar acesso aos detalhes dos personagens e naves. Não há um backend integrado no projeto, ele está apenas com um token que tem duração de 1 hora. Ao clicar em leia mais o usuário vai ser direcionado para a página de login. Onde pode ser inserido qualquer usuário e senha.

Página de Detalhes do Personagem (Character)
- Exibe informações detalhadas de um personagem específico, como filmes associados e detalhes pessoais.

Modal de caracteristicas da Nave
- Exibe informações detalhadas de uma nave epecífica.

⚙️ Configuração

Clonar o Repositório:

git clone [https://github.com/seu-usuario/swapi.git](https://github.com/ThalitaCesar/swapi.git)

Instalar Dependências:
```
npm install
```
Iniciar o Servidor de Desenvolvimento:
```
npm run dev
```

ThalitaCesar/swapi