Country Info App

This app provides information about countries. In homepage you can see all available countries. In country page you can see information about selected country and its border countries. You can also see population chart and the flag of selected country fetch by API. In backend, use two api to get data: date.nager.com and countriesnow.space API.

The backend is written in Nest.js and have two routes /AvailableCountries and /CountryInfo/:countryCode. The /CountryInfo/:countryCode route is used to get data from countriesnow.space API and fetch the flag, population chart and border countries. The /AvailableCountries route is used to get data from date.nager.com API to display all available countries in homepage.

Frontend

• React and Next.Js
• TailwindCSS
• Typescript
• Shadcn UI
• React Query
• Recharts
• React-Icons

Backend

• Nest.js
• Typescript
• Axios

Run the Backend

Need to rename .env.example to .env

cd BE
mv .env.example .env
npm install
npm run start:dev

Run Frontend

Need to rename .env.example to .env

cd FE
mv .env.example .env
npm install
npm run dev