Skip to content

DanielDaher/Context-API-Rick-And-Morty

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

51 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Context API - Rick and Morty Memory Game

Boas vindas ao Jogo da Memória do Rick and Morty, onde você pode tentar impressionar o Rick (se vencer).

Objetivos:

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.

Para acessar/jogar, segue o link da aplicação:

(https://context-api-rick-and-morty-danieldaher.vercel.app/)

Como rodar a aplicação no computador:

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:

Instalando a aplicação:

  1. 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

  2. Em seguida, digite cd Context-API-Rick-And-Morty para entrar no diretório (pasta) do projeto, que acabou de ser criada.

  3. Execute npm install para instalar as dependências necessárias.

  4. 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.

  5. 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.

Tecnologias usadas pela aplicação.

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/

Releases

No releases published

Packages

No packages published