Esta é uma aplicação web que consulta API da Marvel para pesquisa de heróis. Esse projeto foi criado com uma estrutura clara e independente, conhecida como Clean Architecture, para distribuir as responsabilidades em diferentes camadas. Ele segue os princípios do SOLID, DRY, YAGNI e KISS, e utiliza padrões de design para solucionar problemas comuns. Em resumo, esse projeto possui uma arquitetura bem organizada e modular, com foco na reutilização de código e simplicidade, aplicando boas práticas de desenvolvimento.
Esse projecto foi desenvolvido com as seguintes tecnologias:
- Acede o link do deploy: https://personagens-marvel.vercel.app
- Baixe/clone o projecto executando o comando
git clone https://github.com/samuelfreitas-ao/marvel-heroes-web.git
- Acede a pasta do projecto e instale as dependências:
npm install
-
Faça uma cópia do arquivo
.env.examplepara.envna raíz do projecto e preencha corretamente a variávelVITE_PUBLIC_KEYeVITE_PRIVATE_KEYcom as chaves da api da Marvel (https://developer.marvel.com). -
Para iniciar projecto execute o comando:
npm run dev
-
Agora basta aceder pelo navegador o endereço: http://localhost:5173 e já está 😉.
-
Assista um vídeo de apresentação da aplicação AQUI.
-
Este projecto também tem uma versão mobile. Acede a versão mobile AQUI.