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 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.

Name		Name	Last commit message	Last commit date
Latest commit History 9 Commits
design		design
public		public
src		src
.gitignore		.gitignore
README.md		README.md
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
postcss.config.cjs		postcss.config.cjs
style-guide.md		style-guide.md
tailwind.config.cjs		tailwind.config.cjs
vercel.json		vercel.json
vite.config.js		vite.config.js