https://github.com/asbhogal/rest-countries-api-app

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.
https://github.com/asbhogal/rest-countries-api-app

a11y-testing api api-rest context-api cypress e2e front-end front-end-development frontend-mentor material-ui playwright react reactjs rest-api restful-api skeleton-loading swr tdd-react typescript

Last synced: about 8 hours ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/asbhogal/rest-countries-api-app
• Owner: asbhogal
• Created: 2023-07-19T20:38:10.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-18T18:57:53.000Z (about 1 year ago)
• Last Synced: 2024-01-18T20:13:51.809Z (about 1 year ago)
• Topics: a11y-testing, api, api-rest, context-api, cypress, e2e, front-end, front-end-development, frontend-mentor, material-ui, playwright, react, reactjs, rest-api, restful-api, skeleton-loading, swr, tdd-react, typescript
• Language: TypeScript
• Homepage: https://rest-countries-api-asbhogal.vercel.app/
• Size: 566 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


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