🧪 Ricknmortypedia

Tecnologias utilizadas:

• React Js
• Material UI
• Next Js

Funcionalidades implementadas

• Paginação: o usuário pode navegar pelos resultados da pesquisa por meio de botões de paginação.
• Filtros: é possível filtrar a pesquisa por diferentes critérios, como gênero, espécie e status.
• Curtidas: o usuário pode favoritar um personagem.
• Layout responsivo: o aplicativo se adapta a diferentes tamanhos de tela.

Aspectos gerais

• Segurança: as rotas da API são protegidas por variáveis de ambiente que são acessadas através do Next apenas pelo runtime do node a nível do servidor da aplicação.
• Acessibilidade: as imagens da aplicação contém atributos alt para descreve-las.
• Tipagem elaborada: a tipagem de interfaces permite com que o design e desenvolvimento sejam fluidos e uniformes.
• Modularidade: o código está bem organizado em módulos independentes.
• Legibilidade: o código é fácil de entender e manter.
• UX: a experiência do usuário foi pensada para que um feedback visual esteja presente em cada interação, sejam nas filtragens, paginação ou curtidas.
• Performance: o aplicativo é rápido e eficiente.
• Testes: foram realizados testes de layout e de integração com simulações de interface.

Diferenciais

• React hooks
• Next.js
• TypeScript
• Validação de inputs
• Tradução de atributos

Como executar o projeto

1. Clone o repositório para sua máquina.

2. Abra o terminal na pasta do projeto e instale as dependências com o comando

      npm install
   

3. Inicie o servidor local com o comando

      npm run dev
   

4. Acesse o aplicativo no seu navegador em http://localhost:3000.