MowJay / CountryApp

Country App

Home Page:https://country-app-topaz.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

image

image

image

image

About

Country App

https://country-app-topaz.vercel.app


Languages

Language:TypeScript 91.4%Language:JavaScript 6.5%Language:CSS 2.1%