Marcelo Maekawa
Ter uma lp, que exiba uma busca pelo nome de algum herói ou vilão das histórias em quadrinhos, e se o mesmo for encontrado, exibir uma listagem com os personagens disponíveis e um modal com as informações completas dele quando clicado.
docker-compose up -d
Em todo push aplicado na branch Master aciona um trigger para o deploy em produção na vercel.
https://heros-vert.vercel.app/
- Versionado e com Semântica (Conventional Commits)
- Clean Code, Atomic Commits e TDD
- Atomic Design
- Virtualizado e Contêinerizado (Docker)
- ReactJs (CRA - Create React App)
- Typescript
- Redux Libs
- JavaScript Standard Style (StandardJS)
- Preprocessar o CSS (SCSS)
Eu comecei esse projeto usando um boilerplate da ARc, que apesar de acelerar muito o processo inicial, rapidamente se mostrou um pouco 'sujo'. Como eu não queria ser 'mal interpretado' por acabar por deixar escapar alguma das config bem necessárias que o boilletrplate aplica, mas que estão fora do escopo desse teste, e que não seriam relamente utilizadas, eu tomei a liberdade de dar um passo atras e começar do zero, seguindo o roadmap abaixo.
No estado atual do projeto, consegui incluir os seguintes destaques:
- Ficou 100% Responsivo, utilizando MediaQuerys e a unidade de medida VW, que tornou o layout 'proporcional' possível.
- Opção de troca de tema, com um Dark Mode Switch que persevera a escolha, salvando a opção no localStorage.
- Versionamento (git)
- Bootstrapping com CRA (create-react-app)
- Sass/Scss
- Typescript
- StandardJS
- Husky
- StandardJS
- Redux
- Styled Components
- Docker
