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

React and tailwind

P

@AdamullaOsas

Desktop design screenshot for the Frontend Quiz app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

First project using react and tailwindcss. I think it went good and smoothly. Im proud of my theme and background change provider that is wrapped over my app

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

Switch toggle, finally ended up using one from the internet

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

Any help or suggestions to further improvement would be nice

Community feedback

P
Tsukimi 270

@hikawi

Posted

Great solution.

I love how you had trouble with the switch toggle too T_T, making a decent toggle that doesn't do the weird flickering on refresh wasn't as simple as I thought. I also like that you used a button group instead of a radio inputs, I should probably have done the same since I was kinda bad with styling radio inputs, and had to concoct weird hotkeys 1 to 4 to choose options instead.

A problem I can see is that component pages are big chunks of html, like having HTML, CSS, Accessibility and Javascript files being duplicates of each other, and only different in the strings part. And on 320px screens the text are too big and get mushed together a lot also.

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