/countries-app-react

Primary LanguageTypeScript

React Countries App with theme switcher challenge on Frontend Mentor

This app is created with React and TypeScript with Vite as a bundler and uses TailwindCSS for styles and React Query for data fetching.

Steps to follow to run this project

  • Clone the repository
  • Install all dependent packages and scripts using npm install or yarn or pnpm install
  • Run the dev script npm run dev to run the app on localhost:5173

App features

  • Shows all countries on page load
  • User can search for particular countries by typing in the query in the search bar
  • User can filter countries by selecting a region from the dropdown
  • User can now click on a country and see selected country details
  • Light and dark mode support

Github pages deployment link

  • App can be viewed here

Notes:

  • Some features are still WIP and may not work as expected. The bugs shall be resolved and tests will be added!