Skip to content

A React app which pulls data from the REST Countries API and displays further country information using dynamic routing. Built using TypeScript, SWR, Context API, Material UI, Playwright and Husky.

Notifications You must be signed in to change notification settings

asbhogal/REST-Countries-API-App

Repository files navigation

REST Countries API Dashboard

A application which pulls data about countries from around the world and lists their information, with an option to filter by region, search for a country, view more details about a country (dynamic routing) and a switch between light and dark mode. Created using TypeScript with React, styled using Material UI with skeleton loading states, SWR for client-side data fetching and Playwright for E2E and a11y testing.

Features

  • TypeScript for type safety
  • SWR for client-side data fetching from REST API endpoint
  • Dynamic routing for individual countries
  • Material UI for style and theming
  • Skeletons for UI component loading states
  • Playwright for E2E and a11y testing
  • Husky for running linting and tests prior to git commit

Stacks Used

TypeScript logo React logo Material UI logo SWR logo ESLint logo Playwright logo Vite logo

About

A React app which pulls data from the REST Countries API and displays further country information using dynamic routing. Built using TypeScript, SWR, Context API, Material UI, Playwright and Husky.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published