rest-countries Tailwind Templates

Rest Countries

Interactive web application to explore, search, and learn more about countries around the world, built with React and Tailwind CSS.

REST Countries

This is a simple web application that uses the REST Countries API to display information about countries. This is a Frontend Mentor challenge. The appliction is built with React and uses Tailwind CSS for styling.

preview

Features

  • πŸ—ΊοΈ View All Countries: Users can view all countries on the home page.
  • πŸ” Search: Users can search for a country using an input field.
  • 🌍 Filter by Region: Users can filter countries by region.
  • πŸ“– Detailed Information: Users can click on a country to see more detailed information on a separate page.
  • πŸŒ“ Dark Mode: Users can toggle the color scheme between light and dark mode.
  • 🌐 Border Countries: Users can click through to the border countries on the detail page.
  • πŸ“± Responsive: The application is responsive and works on all devices.

Live Site

Technologies Used

React Tailwind CSS React Router Axios Vite REST Countries API

Installation

  1. Clone the repository

  2. Install dependencies

npm install
  1. Start the development server
npm run dev
  1. Open the application in your browser at http://localhost:5173

Author

Top categories

Loading Svelte Themes