Ping single column coming soon (React + TailwindCSS + Dark/Light mode)
Design comparison
Solution retrospective
Hi there π, Iβm Melvin and this is my solution for this challenge. π
I added:
- π Light and Dark mode
- π§ Using localStorage to save theme preferences
- π Form validation with react-hook-form
- π Notifications with react-toastify
- π¨ Custom scrollbar
Built With:
- React-JS
- TailwindCSS
- react-hook-form
- react-toastify
- Yarn - Vite
Any feedback on how I can improve and reduce unnecessary code is welcome!
Thank you. πβοΈ
Community feedback
- @grace-snowPosted almost 2 years ago
Nice solution, looks good
Iβm not convinced that theme toggle is accessible, as there is no communication of what is active or what the label might be for voice users. Iβd need to test that to know for sure
With the form itβs great. Only issues are thereβs no label I can see on that input, and no persistent div with aria-live on it wrapping the errors
Marked as helpful2@MelvinAguilarPosted almost 2 years ago@grace-snow Hello!. My apologies for the delay. I really appreciate the review of my solution. I just updated the code with your suggestions. I ended up changing the theme by using an input tag, If you have any other suggestions, please let me know and I'll be happy to make the necessary changes. π
1 - @LilithNixxPosted almost 2 years ago
This is really impresive to me, you don't have a CSS file, and the HTML is so small... all the rest I don't understand at all. :D
0
Please log in to post a comment
Log in with GitHubJoin 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