Skip to content

Este projeto é uma landing page simples e responsiva desenvolvida com React, TypeScript e Tailwind CSS, que consome dados de uma API de países. O objetivo da página é exibir uma lista de países com informações relevantes, oferecendo uma interface amigável, com um design moderno e navegação otimizada para diferentes tamanhos de tela.

Notifications You must be signed in to change notification settings

IngridsSilveira/countries-page

Repository files navigation

Logo do projeto

Countries Page

Este projeto é uma landing page simples e responsiva desenvolvida com React, TypeScript e Tailwind CSS, que consome dados de uma API de países. O objetivo da página é exibir uma lista de países com informações relevantes, oferecendo uma interface amigável, com um design moderno e navegação otimizada para diferentes tamanhos de tela.

🔥 Funcionalidades

  • Integração com a API de países para exibir informações atualizadas sobre cada país.

  • Utilização de async/await e useEffect para realizar chamadas à API e atualizar os dados dinamicamente.

  • Função de busca para filtrar países pelo nome e seleção de região.

🔨 Guia de instalação

Instalação:

1.Clone o repositório.

2.Execute npm install para instalar as dependências.

Passo a Passo para Rodar:

Execute npm start para iniciar o servidor de desenvolvimento..

Acesse http://localhost:3000 no navegador para utilizar a aplicação.

📦 Tecnologias usadas:

TypeScript
React
TailwindCSS

👷 Autores

  • Ingrid Souza - Front-End - GitHub

About

Este projeto é uma landing page simples e responsiva desenvolvida com React, TypeScript e Tailwind CSS, que consome dados de uma API de países. O objetivo da página é exibir uma lista de países com informações relevantes, oferecendo uma interface amigável, com um design moderno e navegação otimizada para diferentes tamanhos de tela.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published