This is a project I developed while taking part in the Integrify International Academy Fullstack Program. I built this website around the REST Countries API, to display all the countries in the API as a sortable and searchable table. The user can also navigate to individual country pages where additional information about a specific country is displayed.
This website is fully responsive and styled entirely from scratch with CSS and styled components.
For our Front-End Module at Integrify, we were tasked with developing a website to display the data provided by the REST Countries API. For the task, we were required to use React, Typescript, and Redux.
These are some of the features of my project:
- Sortable (based on country name and population size) and searchable table
- Light & Dark mode
- Countries can be favorited and saved in Favorite Cart
- Individual pages for each specific country
- Full responsiveness (including the table, which adjusts the amount of shown information based on window size)
- Live Site URL: Country Trivia
This project served as great practice for working with an API and ensuring responsive design for tricky elements. For example, the main page table proved to be a design challenge at first, especially as I didn't want to rely on any already styled components for this project. Getting it to behave properly on different devices was challenging, but the process taught me a lot and increased my confidence in my skills.
It was also a valuable opportunity to familiarize myself with Redux.
- Website - Sebastian-Radu Oarga
- LinkedIn - Sebastian-Radu Oarga