Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 1 year ago

QR Code Next Tailwind Storybook

next, tailwind-css, storybook
P
MJDFreelance•170
@MJDFreelance
A solution to the QR code component challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


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

This was quite a basic challenge for me so was not much of a problem in terms of HTML/css. I didn't do anything on the accessibility side, I want to start focussing on this.

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

From a HTML/css side, there were no challenges. Deploying Next and Storybook both to Vercel from the same repo was a bit of a nightmare since I'm new to Vercel. In the end (and after some time spent searching docs and consulting with Stack Overflow and ChatGPT) I ended up ditching the IaC approach and setup separate projects, configured via the Vercel console to serve different build types.

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

Any and all comments would be welcome. Any advice or recommendations on improving the accessibility of the component would be especially good.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on MJDFreelance's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License