/whereintheworldv2

A progressive web application built on rest countries api

Primary LanguageJavaScriptMIT LicenseMIT

Where In The World

A progressive web app built with react and pulls data from rest countries api.

Table of contents

General info

Whereintheworld is a progressive web app that pulls data from rest countries api and displays it to the user on first visit, the user can search for countries and filter countries by region, it also has a color theme switcher so the user can choose between lightmode or darkmode and it recalls on their next visit.

Screenshots

homepage moreinformation darkmode

Technologies

  • Axios - version 0.21.0
  • Craco - version 5.9.0
  • React - version 16.14.0
  • ReactDOM - version 16.14.0
  • React Lazyload - version 3.1.0
  • React Router DOM - version 5.2.0
  • React Loader Spinner - version 3.1.14
  • Tailwind CSS - version 2.0.1

Setup

Visit Where In The World in your browser.

Features

  • Users can see all countries from the api on the homepage
  • Users can search for countries using an input field
  • Users can filter countries by region
  • Users can click on a country to see more detailed information on a separate page
  • Users can click through to the border countries on the detail page
  • Users can toggle the color scheme between light and dark mode

Status

Project is: finished

Inspiration

Project was inspired one of frontendmentor's challenges.

Contact

Created by @funmilolajire - feel free to contact me!