Skip to content

A Next.js app that fetches from the REST Countries API. Countries can be searched and filtered. Responsive, with light / dark modes.

Notifications You must be signed in to change notification settings

emjose/global-metrics-app

Repository files navigation

previous 100 days of code next

Global Metrics


Global Metrics

Table of Contents


#100DaysOfCode

Day 29: May 18, 2021


Installation

1. Git clone and cd into the repo folder:

git clone git@github.com:emjose/global-metrics-app.git && cd global-metrics-app

2. Install dependencies:

yarn install

3. Install Yarn and run the development server:

yarn
yarn dev

4. Open http://localhost:3000 with your browser to launch the Global Metrics app.


Live Site

Live Site

Global Metrics is keyboard-navigable and is a progressive web app.

Global Metrics is responsive and has light and dark modes.

• Countries can be sorted by name, population, area, and Gini Index.

Note: Sorting is currently incorrect and will be improved upon.


Live Site

• Countries can be searched, filtered, and viewed with data from the REST Countries API.

• If present, border countries now link directly to their respective country /id page.


Resources


Let's Connect!

Twitter badge Linkedin badge Medium badge Instagram badge Gmail badge Portfolio badge Github badge

Back to Top

About

A Next.js app that fetches from the REST Countries API. Countries can be searched and filtered. Responsive, with light / dark modes.

Topics

Resources

Stars

Watchers

Forks