PaisConnect

PaisConnect - Info de países, e jogos. 👋

• 💻 Projeto para o modulo de Desenvolvimento Web 1 (IMD/UFRN)

🚀 Implementações

• Assim que entrar o site você irá dar de cara com a imagem abaixo, onde você pode digitar um nome do país ou escolher no mapa interativo abaixo.

  

• Ao interagir com o mapa mundi ou a barra de pesquisa, e escolher um país, o site irá te levar para uma página focada nesse país, onde irá mostras as informações abaixo.

  Informação	O que ela diz?
  🗺️ Continente	Foto do continente, junto com seu nome em PT-BR.
  🪙 Moeda	Nome da moeda principal do país e seu símbolo.
  🗣️ Lingua	As linguas que esse país fala.
  🏙️ Capital	A cidade principal(capital) do país.
  👥 População	Quantidade de pessoas registrada no país.
  🚩 Área	Área total do país em km².
  ⛓️ Independente	Se o país pertence a outra nação.
  Nações Unidas	Se o país é membro das nações unidas.

  

🚀 Jogos

Então, nossa principal implementação? Quem não gosta de um joguinho?
Acho que você já ouviu falar de jogos como: Termo, Wordle, Globle, etc… Então, nossos jogos são parecidos com esse.

---

🏳️ Qual é a bandeira?

• É bastante simples, você tem 4 opções, e tem que acertar de qual país é essa bandeira.

• No card de informação, mostra a pontuação da partida e a máxima do jogador, assim você pode acompanhar se está perto de chegar no seu recorde ou se está longe.

---

🏳️ Qual é o país?

• Esse jogo é mais complicado, pois você necessita ter um bom conhecimento sobre países. Você possui 5 vidas, que no caso, você tem apenas 5 tentativas para acertar o país, cada tentativa errada, você libera uma pista nova, segue a imagem:

  

  Estágio	Informação liberada
  👥 1	Você já começa com ele, a população do país.
  🗺️ 2	O continente que o país se localiza.
  🗣️ 3	A lingua mais falada no país.
  🏙️ 4	A capital do país.
  🪙 5	A moeda mais utilizada no país.

• Assim como o primeiro jogo, a guia de informações mostra sua pontuação (quantos países você acertou) e seu recorde geral. Também suas vidas em corações, cujo a cada erro, eles se tornam cinza, simbolizando que você o perdeu.
  

👨‍💻 Processo de desenvolvimento.

Etapas	Descrição	Duração
💡 Idealização	Para ter uma melhor ideia de como o site iria foi feita uma brain-storming de idealização junto com a documentação de todas ideias.	1 semana
Figma	Todo o projeto foi desenhado no figma para melhor desenvolvimento na parte do código.	1-2 semanas
HTML/CSS	Após o figma, foi feito toda arquitetura do site, a parte HTML/CSS, para quando tiver pronto implementar o javascript	4-5 semanas
JavaScript	Ao terminar a implementação da arquitetura, foi feito as funcionalidades do site, como o mapa interativo, barra de pesquisa e os jogos.	1-2 semanas
💻 Teste/Conclusão	Após a finalização dos códigos do projeto, foi feito uma fase de teste para encontrar bugs e finalização do site.	1-2 semanas