Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/natcurti/countries-world-rank
Lista de Países com filtros - Utilizando a API Rest Countries
https://github.com/natcurti/countries-world-rank
context-api mobile-first react react-router-dom responsive-design tailwind typescript
Last synced: about 2 months ago
JSON representation
Lista de Países com filtros - Utilizando a API Rest Countries
- Host: GitHub
- URL: https://github.com/natcurti/countries-world-rank
- Owner: natcurti
- Created: 2024-03-17T18:45:51.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-08-14T23:41:27.000Z (5 months ago)
- Last Synced: 2024-08-15T03:19:09.868Z (5 months ago)
- Topics: context-api, mobile-first, react, react-router-dom, responsive-design, tailwind, typescript
- Language: TypeScript
- Homepage: https://countries-world-rank.vercel.app
- Size: 322 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🌎 World Rank
Este projeto utiliza a API Rest Countries para gerar uma lista completa de todos os países do mundo.
Você pode aplicar diversos filtros, como: filtrar por população, filtrar por área, filtrar por continentes, filtrar por países independentes ou por países membros das nações unidas.
Também é possível buscar por um país específico.
Ao clicar em cada país você é direcionado para uma nova página com detalhes sobre ele.
Você também pode alterar entre o modo light ou dark.## 💻 Tecnologias utilizadas
Para construção desse projeto foram utilizados:
- React + Vite
- TypeScript
- TailwindCSS## 🚀 Instalação
Após clonar o projeto, acesse o diretório e digite o comando abaixo para instalar as dependências necessárias:
```
npm install
```Depois você pode rodar a aplicação com o comando:
```
npm run dev
```## 👇 Confira o projeto pelo link:
https://countries-world-rank.vercel.app/