Star Wars the game by Jéssyca

Repositório criado para star wars the game, que consite no desenvolvimento de um jogo para descobrir o nome de um planeta de uma das franquias mais conhecidas do mundo, Star Wars. No card, são exibidas as informações de nome, terreno, clima e em quantos filmes esse planeta aparece.

Star wars game desenvolvido com react, react router e axios.

Conteúdo

• Visão geral do conteúdo
  • Tecnologias e recursos utilizados
  • Documentação da SWAPI API
  • Informações iniciais
  • Clonando o repositório
  • [Versão compilada](#versão compilada)
  • [Como instalar](#instalando dependências)
    • Browser
    • Local

Visão geral do projeto

Tecnologias

• HTML5
• SCSS
• React.js
• Axios, para fazer requisições a API
• Um pouco deJquery
• Photoshop
• Figma para o protótipo
• Background parallax
• Intro star wars
• Loader

Recursos externos

• Create-react-app
• Spin Kit
• Netlify, para hospedar

Documentação Swapi API

A documentação da API utilizada está disponível em :SWAPI

Para realizar as ações a seguir, é necessário ter instalado em seu computador o git e e o nodejs.

• Git
• Node.js - Windows/Mac
• Node.js - unix systems

Clonando o repositório

Para efetuar as alterações de código, é necessário que efetue a clonagem do repositório. ANtes de clonar é necessário que realize um fork, criar uma cópia para o seu github. Para isso é necessário subir a página e clicar no botão com o nome fork e aguardar uns minutos. Logo apóes é só clicar em clone or download e copiar a url do repositório Abrindo o git bash para clonar o repositório, é necessário digitar a seguinte linha de código e informar a URL copiada anteriormente.

git clone <url-do-repositorio>

Instalando as dependências

Basta abrir o prompt de comando do Node.js, caso seja linux utilize o terminal. Entre na pasta do repositório e insira o seguinte comando.

yarn install

Servidor de desenvolvimento

yarn start

O código vai rodar o plugin serve e gerar um servidor de desenvolvimento (http://localhost:8080)

Versão compilada

Use o seguinte comando para obter a versão compilada, ou, build do projeto. Essa pasta foi a que usei para dar deploy no netlify. yarn run build

Melhorias

Pesquisei e vi que seria interessante armazenar o cache, para não ser necessário fazer muitas requisições, o que pode afetar na performance.