Countries data visualization system : Exploring country data through interactive visualizations
Tidu, Marco (2023)
2023
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2023061323669
https://urn.fi/URN:NBN:fi:amk-2023061323669
Tiivistelmä
This project aimed to develop a web application that provides users with information about countries worldwide. The application utilizes the REST Countries APIi to fetch and display country data, in- cluding population, area, and borders. The project's main objectives were to create an user-friendly interface with data visualization tools, implement state management, and ensure application respon- siveness across different devices.
The development process involved using Reactii for the frontend, Reduxiii for state management, Ex- press.jsiv and Node.jsv for the backend side and Tailwindvi and Flowbitevii for custom styling. Data vis- ualization tools like tables, graphs, and live calculations were implemented to aid users in understand- ing the information using Chart.jsviii as visualization library. The project also incorporated best prac- tices for state management and responsive design to provide a smooth and efficient user experience.
The project's outcome was a functional and interactive web application that achieved the objectives set out in the beginning. The application allows users to search for specific countries, view country data, and compare countries based on different criteria. The project's significance lies in its contribu- tion to making information about countries more accessible and easily digestible for users. The skills gained during the project, including proficiency in React, Redux, Express, Node and Tailwind, are valuable for building dynamic and responsive web applications.
The development process involved using Reactii for the frontend, Reduxiii for state management, Ex- press.jsiv and Node.jsv for the backend side and Tailwindvi and Flowbitevii for custom styling. Data vis- ualization tools like tables, graphs, and live calculations were implemented to aid users in understand- ing the information using Chart.jsviii as visualization library. The project also incorporated best prac- tices for state management and responsive design to provide a smooth and efficient user experience.
The project's outcome was a functional and interactive web application that achieved the objectives set out in the beginning. The application allows users to search for specific countries, view country data, and compare countries based on different criteria. The project's significance lies in its contribu- tion to making information about countries more accessible and easily digestible for users. The skills gained during the project, including proficiency in React, Redux, Express, Node and Tailwind, are valuable for building dynamic and responsive web applications.