https://github.com/briuor/desafio-star-wars

Galeria de filmes da saga Star Wars usando Star Wars API(https://swapi.dev/).
https://github.com/briuor/desafio-star-wars

desafio-star-wars galeria-star-wars star-wars star-wars-api star-wars-filmes swapi swapi-api

Last synced: 8 days ago
JSON representation

Galeria de filmes da saga Star Wars usando Star Wars API(https://swapi.dev/).

• Host: GitHub
• URL: https://github.com/briuor/desafio-star-wars
• Owner: Briuor
• Created: 2019-12-03T19:59:39.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-11T16:21:13.000Z (about 2 years ago)
• Last Synced: 2024-10-12T12:50:52.375Z (2 months ago)
• Topics: desafio-star-wars, galeria-star-wars, star-wars, star-wars-api, star-wars-filmes, swapi, swapi-api
• Language: Vue
• Homepage:
• Size: 6.05 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 26
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# desafio-star-wars

![Screenshot](screenshot/main_page.png)

## Instalar Dependências

```sh

# clonar ou baixar projeto

git clone https://github.com/Briuor/Desafio-Star-Wars.git

# após clonar, ir para o diretório do projeto

cd Desafio-Star-Wars/

# digitar o comando abaixo para instalar as dependências do projeto

yarn

```

### Executar Projeto

```sh

# após instalar as dependências, digitar o comando abaixo para compilar e executar o projeto

yarn serve

# acessar http://localhost:8080

```

### Observação:

Como não era obrigatório o uso de um banco de dados, para mostrar as imagens dos filmes renderizei cada imagem de acordo com o "episode_id" de cada filme, quando o usuário selecionar o filme o path da imagem eh guardado no cache do navegador utilizando a propriedade [localStorage](https://developer.mozilla.org/pt-BR/docs/Web/API/Window/Window.localStorage) do próprio javascript e passado para o próximo componente que renderizará a imagem. Utilizar um banco de dados para resolver a questão da imagem seria a melhor opção, porém como não era obrigatório optei por uma solução mais ágil.