Developed during Henry LABS 1st stage, this simple app shows countries with their flags.
This excercise had some restrictions: only React, Redux, Node, Express, Sequelize, PostgreSQL and pure CSS allowed (no preprocessors nor frameworks)
List of minimum requirements for project approval:
- Search countries.
- Filter and order.
- Pagination, starting with 9 items in first page, and then 10 items per page.
- Create turism activities.
- Landing page, with background image.
- Search, filter, ordering and pagination must work in sync.
- Page with country detail.
- Page for creating activities.
- Database with some entities and properties assigned.
- Gather data from external API https://restcountries.com/.
- Backend routes.
- Code testing in front, back and database models (jest/mocha).
Added features:
- Responsive design down to 280 px wide screens.
- About page, with spanish/english modes.
- Themes (light, dark, zen, comp)
- CRUD users (not finished 😅)
- Animated backgrounds.
- Loading logo for asynchronous tasks.
- Random sorting (also syncs with pagination, filters, etc).
- “No activities” filter.
- Project deployed.
Repository and live demo:
Github 👉 https://github.com/stabilini/pi-countries.git
Live demo 👉 https://pi-countries-5uga.onrender.com/
Note: Due to using free hosting, loading may take a few minutes to start. You may also need to refresh the app web page









