Country Management

Overview

Hello Dear,

I'm Mai Veasna, Currently, I'm a full-stack developer, and I grew up in the beautiful world 😁. I maked this project for a simple of country management and open source for sharing with those who want to test.The below section will show about instruction to use that project.

Have fun and happy coding! 😁😁

Features

• Dashboard
• Show all of countries
• Sort by country name
• Search country
• Pagination of countries listing

Tech Stack

Front-End:

• React
• NextJs V.14.0.0
• Tailwind CSS class sorting, merging and linting
• Shadcn-Ui
• Radix UI Primitives
• Icons from Lucide
• Dark mode with `next-themes
• TypeScript

Deploy:

• Vercel

source

https://github.com/Maiveasna/country_management

url for test

https://country-management-ljt59l3qn-maiveasna.vercel.app/

First install dependent

# install on your machine
Node: >=v18.17.0

yarn 
#or
npm  install
#or
pnpm

yarn build
#or
npm run build
#or
pnpm build

yarn start
#or
npm run start
#or
pnpm start

Set up

Create a .env and add variable NEXT_PUBLIC_API_ENDPOINT and assign the value with enpoint https://restcountries.com. example : NEXT_PUBLIC_API_ENDPOINT=https://restcountries.com

API V3

https://restcountries.com/#rest-countries

Note: problem of apis in v3 tha not support pagination, so we need to do it by front-end. the search country has two options search in local state and search from api

Authors

• @maiveasna

Support

For support, email [email protected]