Skip to content

rodriguezjulianf/Countries-Single-Page-Application

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Español

Individual Project - Henry Countries

Description:

Single Page Application where you can see information for every country, using the API restcountries it can do:

  • Search and see countries
  • Create touristic activities
  • Filter by continent and associated activities
  • Order alphabetically and by population

Endpoint used:

Tech used:

  • React
  • Redux
  • Express
  • Sequelize - PostgreSQL

Frontend:

Developed with React/Redux, including these routes:

  • Landing page: landing with home button and page title.
  • Home page: countries display, buttons for filtering, sorting and navigating, search bar.
  • Country detail page: displays specific country information and associated activities.
  • Activity creation page: form where you can create touristic activities.

Database:

PostgreSQL was used for tables and Sequelize for model creation.

Backend server:

Server developed with Node/Express including the following routes:

  • GET /countries: for displaying all the countries.
  • GET /countries/{idPais}: for fetching a single country data.
  • GET /countries?name="...": for the search bar.
  • POST /activity: for saving the form data.

Styling:

CSS Modules were used.

Testing:

  • One backend route tested and one sequelize model tested.