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 NFT Preview page using React JS

@TheTreeveloper

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I started learning react recently and I was able to complete this relatively easy project (It wasn't easy doing it in react all on my own).

What challenges did you encounter, and how did you overcome them?

After completing the project, I spent about a week and half trying to figure out why my deployment to GitHub pages wasn't working. I combed through the web and couldn't find anything that helped. Then just few minutes ago, I figured it out. I had uploaded my node_modules folder which apparently, I wasn't supposed to do and that was giving me an error during build.

What specific areas of your project would you like help with?

My eye-icon and fav-icon worked perfectly well during development but for some reason I haven't been able to figure out, stopped working during deployment. If anyone could give me pointers as to why some images aren't being read, I'd be glad.

I'd also appreciate ANY feedback/hint regarding react as this is my first foray into it. Thank you very much.

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