Available on https://rest-countries-app-mu.vercel.app/
- Clone the repository:
git clone https://github.com/benderbinary/rest-countries-app.git- Install dependencies:
cd rest-countries-app
npm install- Start the development server
npm run dev- See all countries from the API on the homepage
- Search for a country using an input field
- Filter countries by region
- Click on a country to see detailed information on a separate page (client-side routing)
- Clicking on border countries links to their details
- Toggle the color scheme between light and dark mode without using any 3rd party libraries
- Searching using the keywords Grmany or Grmny should also work (Fuzzy search using Fuse.js)
- Add sorting functionality for population and country name
- Make all content server-side rendered and also have a fallback if the server-side render faces an error
- Make sure the ratio for the country flags is 4:3 or any other ratio you find suitabls
- Add unit tests for components
- Store filters in URL query strings and sync with components
- Add lazy loading for country images and list (used Suspense)