Skip to content

VictorSouzaa0/Geo-Web

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🌍 Geo Web

Descrição do Projeto

O Geo Web é uma aplicação web simples e responsiva desenvolvida para explorar curiosidades e informações básicas sobre países ao redor do mundo. Utilizando apenas HTML, CSS e JavaScript puro, este projeto demonstra o consumo de uma API externa para buscar e exibir dados dinamicamente, seguindo os princípios de mobile-first.

Este é um dos meus primeiros projetos focados em fundamentos de desenvolvimento web, criado para solidificar conhecimentos em manipulação do DOM e requisições assíncronas (fetch).

🚀 Funcionalidades

  • Busca de Países: Digite o nome de um país (em inglês) para obter informações detalhadas.
  • Exibição de Dados: Mostra capital, população, área, região, idiomas, moedas, fusos horários, países fronteiriços, status de independência e membro da ONU.
  • Bandeira do País: Exibe a bandeira do país buscado.
  • Link para Mapas: Direciona para o Google Maps do país.
  • Cálculo de Densidade Populacional: Exibe a densidade populacional (pessoas por km²).
  • Design Responsivo (Mobile-First): Experiência de usuário otimizada para diferentes tamanhos de tela.
  • Tratamento Básico de Erros: Mensagens amigáveis para países não encontrados ou erros na requisição.

🛠️ Tecnologias Utilizadas

  • HTML5: Estrutura semântica da página.
  • CSS3: Estilização e responsividade (com media queries).
  • JavaScript (ES6+): Lógica da aplicação, manipulação do DOM e requisições assíncronas.
  • Fetch API: Para consumir dados da API REST Countries.
  • REST Countries API: API pública utilizada para obter os dados dos países.
  • Bootstrap 5 (CSS para alguns componentes): Utilizado para estilização de alguns elementos como formulário e alertas, para agilizar o desenvolvimento, mantendo o foco no JavaScript puro.
  • Google Fonts: Para a fonte "Roboto".
  • Unsplash: Para a imagem de fundo utilizada no body.

⚙️ Como Rodar o Projeto Localmente

Siga os passos abaixo para ter uma cópia do projeto em execução na sua máquina local:

  1. Clone o repositório:
    git clone https://github.com/VictorSouzaa0/Geo-Web.git
  2. Navegue até o diretório do projeto:
    cd GeoWeb
  3. Baixe a extensão (Live server) no seu vscode clique no canto inferior direito onde haverá o ícone do live server para carregar a página

🧑‍💻 Desenvolvedor

Victor Souza

🤝 Contribuições

Contribuições, issues e feature requests são bem-vindos! Sinta-se à vontade para fazer um fork do repositório e enviar pull requests.

📝 Licença

Este projeto está licenciado sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published