This is React + Next js Responsive web application World Ranks

Getting Started

First, set up project to your local VS code

git clone https://github.com/MonikaPatelIT/world-ranks.git

Second, Install all packages

npm i

Third, Almost set

npm run dev 

Now you will be able to see the World rank is running locally on your machine

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

Deploy on Vercel

I have used the Vercel Platform to deploy my app. Check out demo on World Rank.

Reference Full Project-based Tutorial - React + Next.js by The Nghiem

Project details

Desktop and laptop version

Home image

Country details image

Search filter image

Dark mode image

image

Mobile version

Home page image

Country details image image