efkann / react-countries-app

A multi-page React app built with Vite

React Countries App with REST API

Welcome! 👋

This is a challenge chosen from Frontend Mentor.

The challenge is completed by following the style-guide.md and the screenshots shared in the design folder.

Stack: React, React Query, React Router, Tailwind CSS, Headless UI, Vite as the build tool.

See this project live at https://react-countries-app-alpha.vercel.app

Key features of the challenge

• See all countries from the API on the homepage
• Skeleton loaders
• Able to search for a country using an input field
• Able to filter countries using an accesible select component from HeadlessUI
• Click on a country to see more detailed information on a separate page
• Click through to the border countries on the detail page
• Respect user preference by checking prefers-color-scheme
• Toggle the color scheme between light and dark mode and save the user preference to the localStorage.