Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

TS, React (classes), Redux, Thunk, Axios, Testing (Jest, RTL, MSW)

#react#react-router#redux#typescript#react-testing-library
Aymin 180

@ayminahmedpk

Desktop design screenshot for the REST Countries API with color theme switcher coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
4advanced
View challenge

Design comparison


SolutionDesign

Solution retrospective


Would love feedback on any aspect of the solution, especially the code.

I had issues with the font, as the stated font seems to have changed even over at Google. Perhaps the challenge could be updated?

Focus was not on pixel-perfection this time, but rather on testing and the overall code.

  • React app written in TypeScript using React
  • Class components and Redux with old (legacy) syntax
  • API call via Axios, dispatched through Thunk
  • React Router to create a single-page-app
  • Testing done using Jest and React-Testing-Library
  • API call mocked with Mock Service Worker
  • CSS Grid auto-fit for minimalistic responsive styling

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord