Boas vindas ao Jogo da Memória do Rick and Morty, onde você pode tentar impressionar o Rick (se vencer).
Desenvolvi esta aplicação para treinar minhas habilidades em React e Context API. Inicialmente era um exercício, proposto pela trybe, onde o único objetivo seria renderizar informações dos personagens de 'Rick and Morty'. Porém, enxerguei aqui uma oportunidade de criar um jogo da memória com um tema legal.
(https://context-api-rick-and-morty-danieldaher.vercel.app/)
Caso queira rodar a aplicação em seu próprio computador, siga este passo-a-passo.
Seu computador precisa de Git (para versionamento do código), Node.js & npm (para executar a aplicação). Clique nos links, caso ainda não tenha instalado algum desses:
-
Primeiro, abra um novo terminal e clone o repositório utilizando o comando
git clone git@github.com:DanielDaher/Context-API-Rick-And-Morty.git -
Em seguida, digite
cd Context-API-Rick-And-Mortypara entrar no diretório (pasta) do projeto, que acabou de ser criada. -
Execute
npm installpara instalar as dependências necessárias. -
Com o comando
npm start, seu navegador principal abrirá uma guia com o projeto já funcionando com um link local. Isto pode demorar alguns minutos, basta aguardar. -
E agora é só desfrutar do site! Lembrando que o usuário pode escolher o nível de dificuldade, antes de jogar. Para vencer, é só encontrar os pares das cartas.
Durante o desenvolvimento, utilizei React, Context API, e uma biblioteca chamada react-card-flip. A documentação desta biblioteca pode ser encontrada aqui: https://www.npmjs.com/package/react-card-flip ;
Além disso, também utilizei a The Rick and Morty API. Segue o link da documentação: https://rickandmortyapi.com/