wallysongalvao/devriseweek-starwarswiki-challenge

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

🚀 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. 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
• Instagram

📝 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/

📱 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 😎

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

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

• Typescript
• Styled-components
• Lottie
• Zustand

* Para mais detalhes, veja o package.json

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

# 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 💻 por Wallyson Galvão