Skip to content

MFlorO/Countries-app-front

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation


COUNTRIES APP

Tecnologías utilizadas:

  • Javascript
  • ReactJS
  • Redux
  • Hooks
  • Css Puro
  • Node.Js
  • Express
  • PostgreSQL / Sequelize

css3 express javascript nodejs postgresql react redux

Antes de empezar

Es necesario tener, al menos, la última versión estable de Node y NPM. Asegurese de tenerlas para instalar correctamente las dependencias necesarias para correr el proyecto.

Las versiones requeridas son:

  • Node: 14.20 o superior
  • NPM: 6.14 o superior

Para chequear que versiones tiene instaladas:

node -v

npm -v

Instrucciones para correr el servidor de desarrollo

ESTE REPOSITORIO SOLO ES EL FRONT DE LA APLICACION

  1. Clonar el repositorio
  2. Correr los siguientes comandos:
npm install
npm start
  1. Clonar el repositorio del back que esta en un repositorio aparte, llamado: "CountriesApp"

Descripción

La aplicación tiene como finalidad poder buscar diferentes paises del mundo y entrar al detalle para mas informacion. Ademas, cuenta con un formulario controlado donde puedo crear distintas actividades turisticas y asociarlas a diferentes paises del mundo. Cuenta con un CRUD entero con respecto a las actividades turisticas: se pueden crear, editar, eliminar y ver mas informacion de ellas. Los datos de los países los traigo de una API rest (https://restcountries.com) y los guarde en mi propia base de datos.

Funcionalidades:

  • Buscar diferentes paises del mundo
  • Entrar a su detalle y ver información sobre el pais seleccionado y las actividades turísticas que tiene asociadas
  • Buscar un país en la barra de busqueda
  • Filtrar paises por continente, población y actividades
  • Ordenar los paises de la A a la Z o al revés
  • Recorrer las cards con el paginado
  • Crear una actividad turistica mediante un formulario controlado y asociarla a un país
  • Editar actividades turísticas
  • Eliminar actividades turísticas
  • Guardar países en la sección de favoritos

Deployment

La aplicación tiene el frontend en NETLIFY

Link para visitar la app.

Alt text