ThapaWebsite

A modern React + Vite country explorer web app with smooth animations, routing, filtering, and detailed country pages powered by the REST Countries API.

Features

• Browse countries with a responsive card-based UI.
• Search countries by name with 500ms debounced input.
• Filter countries by region.
• Open detailed country pages with extra metadata:
  • native names
  • region
  • languages
  • currency
  • population
  • capital
• Lazy-loaded routes with Suspense fallback loader.
• Animated UI using GSAP (@gsap/react, ScrollTrigger).
• Scroll-to-top support on route/page navigation.
• Theme and sidebar controls managed with app-level logic hooks.

Tech Stack

• React 19
• Vite 6
• React Router DOM 7
• GSAP + @gsap/react
• React Icons
• ESLint

Getting Started

1) Install dependencies

npm install

2) Run development server

npm run dev

3) Build for production

npm run build

4) Preview production build

npm run preview

Available Scripts

• npm run dev - Start Vite dev server
• npm run build - Build optimized production output
• npm run preview - Preview the production build locally
• npm run lint - Run ESLint checks

API

This project fetches country data from:

• https://restcountries.com/v3.1/all?fields=name,population,region,capital,flags
• https://restcountries.com/v3.1/name/{countryName}

Notes

• A Netlify-style redirect file exists at public/_redirects for SPA routing support during deployment.
• If API requests fail, users are redirected to the error page.