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

Ratings app - React + ChatGPT

rxs30279 20

@rxs30279

Desktop design screenshot for the Interactive rating component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


My first react project! Not sure if I like react as I think it would have been more straightforward in jaavascript. I like the structure components react imposes on you. Making you split up the project into small units, but this also adds additional problems. I think as you become more aware of these restrictions you can probably design your project around them. I have only just scratched the surface with react. I've not used the routing package or explored Next.js / Remix. I don't think i would have been able to complete this task without the help of chatgpt which basically wrote the app for me.

Community feedback

Aimal Khan 2,260

@Aimal-125

Posted

In your CSS code, give body element height of 120 or 150vh by using media query with max-height: 400px; so that your solution looks good on screens with small heights.

0

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