Country App

An application used to see information about all countries, built with Next.js, React, tailwindcss, and Javascript.

About the Project

In this Project Users are able to

• See all countries on the homepage
• Search for a country using an input field (Searching using the keywords Grmany or Grmny also works)
• Filter countries by region
• Click on a country to see more detailed information on a separate page
• Clicking on border countries on the detail page links the user to the detail of those countries
• Toggle the color scheme between light and dark mode
• Searching using the keywords Grmany or Grmny also works

Installation and Setup Instructions

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

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

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

Live Link

This project is deployed using vercel and is available at https://country-app-topaz.vercel.app/

Project Screen Shots