Skip to content
Submitted over 3 years ago

Web App using React web components, SASS, and Fetch

Jesse•430
@jesse10930
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...REST Countries API with color theme switcher
  • HTML
  • CSS
  • JS
  • API
4advanced

Design comparison

SolutionDesign

Solution retrospective

I wanted to try adding React to a website rather than building an entire React App, but I couldn't figure out how to pass props to the top level React component. Basically, I'm wondering if the regular DOM has something comparable to State a React Component? Thanks!

Community feedback

  • Chamu•13,130
    @ChamuMutezvaPosted over 3 years ago

    Greetings Jesse. Well done on completing this exciting challenge, it is looking nice on mobile. Most functionalities are working well - but I didn't see an option to return to all countries when I select a continent.

    Check the report on the issues raised as most of them makes the website accessible to a variety of users. Some of them include

    • using an ID more than once, something that can be altered to use class
    • images without alt tags. etc.

    Happy coding

    2
    Jesse•430
    @jesse10930Posted over 3 years ago

    @ChamuMutezva Thanks so much for your feedback! I didn't get a chance to look through all the issues on the report yet, but I'm hoping to fix those today. I like the idea of an all countries tab on the dropdown, I'll definitely add that as well. Thanks again! I appreciate you taking the time to check out my solution!

    0

Please log in to post a comment

Log in with GitHub

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