Aplicación web para explorar información de países de todo el mundo utilizando la API pública de REST Countries.
- Listado de países con nombre, bandera, región y población
- Búsqueda por nombre (case-insensitive)
- Filtro por región
- Rango de población (mínimo y máximo)
- Modal de detalle con información completa del país
- Página de favoritos con gestión de estado global
- Next.js 14 (App Router)
- TypeScript
- Zustand (gestión de estado global)
- Tailwind CSS (estilos)
- shadcn/ui (componentes UI)
- Lucide React (iconos)
-
Clonar el repositorio:
git clone https://github.com/erickdc7/country-explorer.git cd countries-app -
Instalar dependencias:
npm install -
Ejecutar en desarrollo:
npm run dev -
Abrir en el navegador:
- Búsqueda de países por nombre
- Filtros por región y rango de población
- Ordenamiento por nombre o población
- Sistema de favoritos persistente (localStorage)
- Contador de resultados
- Visualización de países marcados como favoritos
- Persistencia en localStorage con Zustand
- Gestión completa (agregar/eliminar)
- Toggle light/dark mode
- Persistencia de preferencia en localStorage
- Nombre oficial
- Capital
- Región
- Población formateada
- Bandera en alta resolución
La aplicación es completamente responsive y funciona en:
- Móviles
- Tablets
- Desktop
La aplicación consume la API de REST Countries:
https://restcountries.com/v3.1/all?fields=name,cca3,flags,region,population,capital