Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 2 years ago

Newsletter signup form w/ success msg React vite tailwindcss storybook

react, storybook, tailwind-css, vite, node
XIII•790
@minibrusp
A solution to the Newsletter sign-up form with success message challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Links

  • Live Site URL
  • Storybook URL
  • Github URL

Hello there, totally enjoyed this challenge i was able to practice different features and addons on Storybook and i was able to integrate it with Mailchimp. Every successful form submit will be added as an audience to my Mailchimp account but i won't be sending welcome messages on your email since I'm just using the free tier subscription; i was planning to but i did not know that it was not included in the free tier so this is just it ^^ .

I also made a separate Express Node backend server to help me integrate with Mailchimp, just a little Rest Api route.

backend Github Repo

In the Storybook you can see the Figma Design for each Mobile and Desktop in the Design addon panel at the Pages hierarchy.

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 XIII'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