Tecnologias utilizadas

-- API | Axios | React-hook useEffect
para buscar a api utilizei axios e o hook useEffect.

-- Animações | Frame-Motion
Buscando uma forma mais interativa de se criar animações dos componentes utilizei a lib Frame-Motion.

-- Estilização | styled-components
Para estilizar utilizei a lib styled-components.

-- Interações | outsideClicker | React-Hooks useState
Utilizei a mini-lib outSideClicker para fechar os modais quando detectasse cliques fora de seu container. Fiz bastante uso do hook useState para controlar as interações em todo o teste.

Como rodar o projeto

1. Clone o repositório na máquina
2. Instale as dependencias com npm install ou yarn install
3. execute o projeto com npm start ou yarn start