https://github.com/wallysongalvao/devriseweek-starwarswiki-challenge

Código da aplicação Star Wars Wiki desenvolvida para compor o desafio da SevenCoders.
https://github.com/wallysongalvao/devriseweek-starwarswiki-challenge

lottie react-native typescript zustand

Last synced: 1 day ago
JSON representation

Código da aplicação Star Wars Wiki desenvolvida para compor o desafio da SevenCoders.

• Host: GitHub
• URL: https://github.com/wallysongalvao/devriseweek-starwarswiki-challenge
• Owner: WallysonGalvao
• Created: 2021-07-28T16:07:13.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-07-30T17:07:48.000Z (over 3 years ago)
• Last Synced: 2023-03-07T13:12:21.794Z (over 1 year ago)
• Topics: lottie, react-native, typescript, zustand
• Language: TypeScript
• Homepage: http://sevenapps.tech/
• Size: 3.74 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


    

      

    





    

      

    





  🚀 Star Wars Wiki - Challenge





  

  

  

    

  

  

    

  

  





  Projeto   |   

  Desafio   |   

  Funcionalidades   |   

  Layout   |   

  Tecnologias   |   

  Executando   |   

  Licença






## 💻 Projeto

Esse projeto foi desenvolvido em duas partes, a primeira durante a DevRise Week promovida pela [SevenApps](http://sevenapps.tech/). A segunda parte foi desenvolvida como parte de um desafio feito no Discord pelo @GabrielRangel. Trata-se de uma Wikipédia para o universo de Star Wars.

- [Discord](https://discord.gg/hMxfCF4Hvk)

- [Instagram](https://www.instagram.com/sevenapps.br/)

## :pencil: Desafio



    

      

    



Desafio pra quem acompanhou ou tá acompanhando agora as aulas da DevRiseWeek! É simples: quero ver vocês com o aplicativo pronto e, ainda, trazendo alguma melhoria ou nova usabilidade.

A proposta é ver vocês colocando a mão na massa entre hoje e sexta-feira agora (dia 30) até 23h...

Vocês devem encaminhar tudo pra mim (Gabriel) no privado aqui no Discord. Além disso, postar o resultado do seu app no LinkedIn e/ou Instagram e me marcar.

Na segunda-feira vamos divulgar o ganhador.

O primeiro lugar ganha um acesso vitalício ao AppCoders.

Qualquer dúvida sobre o desafio deve ser discutida no canal #DesafioDevRise e é lá que vamos divulgar os ganhadores.

Tá esperando o que? Bora lá codar de verdade e ainda concorrer a um acesso vitalício e gratuito ao AppCoders?

Que a força esteja com vocês.:evillightsaber:

Linkedin Gabriel: https://www.linkedin.com/in/gabrielrangelavila/

Instagram Gabriel:

https://www.instagram.com/gabriel.rangel7/

## :iphone: Funcionalidades

Foram desenvolvidas/implementadas as seguintes funcionalodades para compor o desafio:

**1 - Home Screen:** adicionado seções para planetas, espécies, naves e veículos do universo de Star Wars, toda a parte de requisição a API foi desenvolvida, porém não existe endpoint para retornar as requisições, aguardando a DevRise Week Beckend :sunglasses:

**2 - Detail Screen:**

- 2.1 - adicionado um botão para compartilhamento, o usuário pode compartilhar filmes ou personagens com outras aplicações como Whatsapp, Twitter e etc.

- 2.2 - adicionado uma seção para informar as plataformas que possuem o filme disponível para assistir, a requisição é feita via axios na RapidAPI.

**3 - Theme Screen:** adicionado uma tela para escolha do tema da aplicação, essa tela tem disponível alguns símbolos do universo Star Wars, cada símbolo possuí uma cor que ao ser escolhia muda a cor de alguns detalhes da aplicação como a cor do ícone e texto do menu, esse gerenciamento é feito via Zustand e AsyncStorage.

**4 - Splash Screen:** aqui foi adicionado uma animação com Lottie, tanto na SplashScreen como o carregamento da imagem da Home são feitas via arquivos json do Lottie, a cor da imagem é escolhida via tema da aplicação, ou seja, de acordo com o tema selecionado a cor no json também é mudado, tudo feito de forma dinâmica.

## 🎨 Layout



      

      



Você pode encontrar o layout nesse link do [Figma](https://www.figma.com/file/FcJqDIFJpy43Zik4QhoJ39/DevRiseWeek---StarWars?node-id=31%3A27)

## :rocket: Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

- [Typescript](https://www.typescriptlang.org/)

- [Styled-components](https://styled-components.com/)

- [Lottie](https://lottiefiles.com/)

- [Zustand](https://github.com/pmndrs/zustand)

\* Para mais detalhes, veja o **[package.json](./package.json)**

## :notebook: Executando

### Opcional

Esse projeto possui integração com a RapidAPI, para que funcione é preciso criar na raiz do projeto um arquivo .env (você pode copiar o arquivo .env.example e renomear), feito isso é preciso preencher a chave XRAPIDAPIKEY com sua key da RapiAPI.

Nesse link você encontra como conseguir a key: [RapidAPI KEY](https://docs.rapidapi.com/docs/keys).

```bash

# Clone este repositório

$ git clone https://github.com/WallysonGalvao/devriseweek-starwarswiki.git

# Acesse a pasta do projeto no seu terminal/cmd

$ cd devriseweek-starwarswiki

# Instale as dependências

$ yarn install

# Instale as dependências no ios

$ cd ios & pod install

# Execute a aplicação

$ yarn android ou yarn ios

```

---

Feito com horas em frente ao :computer: por [Wallyson Galvão](https://www.linkedin.com/in/wallyson-galvao/)