RestCountries api app

PROJECT TYPE

Independent
Student Project

DESIGN PROCESS

Paper Sketching
UI Design – Figma

DURATION

One Week
October, 2021

DEV TECHNOLOGY

React
Redux,
TypeScript,
Material UI Design

Generating Data from 3rd Party API (Rest Countries) into front-end

A simple front-end application to gather data from 3rd party API and playing with several functionalities. The main purpose was to get used to React, Redux, TypeScript, and Material UI design library. At the same time, saving data to local storage so that it does not disappear after the page reload.

Checkout the project

Click here

Independent Project

Goal & Plan

This was a fun project. The ultimate goal was to build a react, redux application along with TypeScript. And Saving data to Local Storage.

Implementation & Achievement

To implement the idea into real project, my process was to sketch the UI of the application and then started designing the UI in Figma. To implement the design idea into development, I used the predefined techs.

RestCountries

_implemented features

Getting all countries data into the home page.
Adding and removing a specific country to the wish list
A country can’t be selected twice unless it is removed from the wish list.
Getting more data of a specific country
Saving data to the local storage so that it does not disappears after the page reload
Searching a country

Check Website Preview