Country App

El siguiente proyecto fue elaborado con la finalidad de poner en práctica mis habilidades y conocimientos en el framework Angular.

Introducción

Esta aplicación tiene como funcionalidad la busqueda de algún país por su nombre, por capital o continente (región) al que pertenece. Esto, con ayuda de la API "REST Countries" de la cual se habla más adelante. Esta información se visualiza en forma de tabla con distintos campos de información y una opción para visualizar más opciones.

Para el desarrollo de este proyecto, se pusieron en práctica temas como: rutas de Angular, Lazy Load, reutilización de modulos, inputs, consumo de API´s, Debounce Time, etc.

Note

Este proyecto perteneciente a los cursos "Angular: De cero a experto" del profesor Fernando Herrera sin embargo, con algunas modificaciones para poner en práctica más temas referentes al framwork.

Tecnologías utilizadas

Tecnología	Versión	Documentación
Angular	17.2.1	https://angular.dev/overview
Angular CLI	17.1.2	https://github.com/angular/angular-cli
Bootstrap	5.3.3	https://getbootstrap.com/docs/5.3/getting-started/introduction/
Node.js	20.10.0	https://nodejs.org/docs/latest-v20.x/api/index.html

Tip

Para más información, consultar el archivo package.json de este proyecto.

API Reference

La API consumida en el proyecto: REST Countries

Get all items

  GET https://restcountries.com/v3.1/all

Get País

  GET https://restcountries.com/v3.1/name/{name}

Get Capital

  GET https://restcountries.com/v3.1/capital/{capital}

Correr proyecto localmente

1. Clonación del proyecto:

  git clone https://github.com/OmarJV/country_app.git

2. Ir al directorio del proyecto

  cd country_app

3. Instalación de dependencias

  npm install

4. Inicializar el servidor

  ng serve -o

Servidor de desarrollo

Ejecute ng serve para un servidor de desarrollo. Navegue hasta http://localhost:4200/. La aplicación se recargará automáticamente si cambia alguno de los archivos fuente.

More info...

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.