Submitted 3 months ago

React and tailwind

AdamullaOsas•800

@AdamullaOsas

Preview site View code

This is a solution for...Frontend Quiz app

HTML
CSS
JS

3intermediate

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

Tsukimi•780
@hikawiPosted 2 months ago
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

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