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

Responsive page using react and api

#react

@flaviozorzetto

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


This was my first project using sass and react, so I would like some hints about these parts

Community feedback

@Duyen-codes

Posted

your solution looks great overall! I'm new to React, may I ask how did you make the downloaded folder into react app using npx create-react-app? Thanks

1

@flaviozorzetto

Posted

@Duyen-codes Hi Duyen. Thanks for the feedbacks. I'm not sure if i undestood your question but the way I start my projects is basically npx create-react-app "folder_name" and then I delete the base files so I get the base and start writing my own codes. Not sure if that was your doubt, but I can try explaining again in another way if you want!

0

@Duyen-codes

Posted

@flaviozorzetto Alright, I downloaded the starter folder, unzip it and open it in vscode, then in the terminal of vscode, I run npx create-react-app folder_name, it started a new folder inside the current directory(which is the folder I downloaded from front end mentor). So I ended up moving files (design...) to the new folder. I don't know if there is a better way to do it.

0

@flaviozorzetto

Posted

@Duyen-codes Ohh I see now the doubt, I actually don't know the answer, I just downloaded in a separate folder just for looking at the designs, but I built the entire application in another folder. I don't think u need to have both in the same place

1

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