Search For Countries Basic Information

This project is mainly based on searching for countries' information.

It's created with nextjs.

Why I worked on this project

My goal was to learn how nextjs works.

How to navigate this project

It's a two-page project.

1. HomePage

   • Entry point that shows basic data about all countries.
   • It has a filter form that filters country based on country's name or capital. File Code
   • It also has a switch mode for light/dark mode. File Code

   File Code

2. Country

   • Shows information about a specific country (Nigeria's info)

   File Code

If I had more time, I would change this

• Refactor some of the code, especially this part
• Enable user to filter countries base on Alpha3Code

Homepage screenshot

Getting Started

First, run the development server

yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.