murilo-souza / Power2Go-Challenge

Power2Go Challenge

Este repositório contém um projeto React configurado com Vite, um bundler para desenvolvimento web rápido. O objetivo deste documento é fornecer instruções sobre como executar o projeto localmente e destacar as principais funcionalidades da aplicação desenvolvida.

Executando o Projeto

Siga os passos abaixo para executar o projeto em sua máquina local:

1. Clone o repositório:

   git clone https://github.com/murilo-souza/Power2Go-Challenge.git
   

2. Navegue até o diretório do projeto:

   cd Power2Go-Challenge
   

3. Instale as dependências:
   Certifique-se de ter o Node.js e o npm instalados em sua máquina. Execute o seguinte comando para instalar as dependências do projeto:
   

   npm install
   

4. Inicie o servidor de desenvolvimento:
   Após a instalação das dependências, inicie o servidor de desenvolvimento executando:
   

   npm run dev

   Isso iniciará o servidor de desenvolvimento em http://localhost:5173. Você pode visualizar o aplicativo no seu navegador.

Features da Aplicação

1. Buscar Países pelo Nome:

   • Os usuários podem pesquisar países pelo nome através de um campo de busca.

2. Histórico de Pesquisa:

   • A aplicação mantém um histórico das pesquisas realizadas pelos usuários, facilitando o acesso a consultas anteriores.

3. Visualização dos Dados em Forma de Tabela ou Cartão:

   • Os dados dos países podem ser visualizados em forma de tabela ou cartão, proporcionando diferentes formas de interação e visualização.

4. Exportar Dados em CSV:

   • Os usuários têm a opção de exportar os dados dos países em formato CSV para uso externo ou análise.

5. Navegação para Detalhes de um País Específico:

   • A aplicação permite aos usuários navegar para a página do país selecionado para visualizar detalhes mais abrangentes.
   • A navegação é realizada de forma intuitiva, bastando clicar na bandeira do país de interesse para acessar os detalhes completos.

6. Responsividade:

   • A aplicação é responsiva, adaptando-se de forma adequada a diferentes tamanhos de tela e dispositivos, proporcionando uma experiência consistente e amigável para todos os usuários.

7. Skeleton Loader:

   • Implementado um skeleton loader para melhorar a experiência do usuário durante o carregamento de dados. Isso proporciona uma visualização temporária de como a página será apresentada, enquanto os dados estão sendo carregados.