This is a solution to the Newsletter sign-up form with success message challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

• Overview
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
• Author
• Acknowledgments

• Solution URL: (https://github.com/shalri/fm-newsletter-sign-up)
• Live Site URL: (https://shalri.github.io/fm-newsletter-sign-up)

• NextJS
• React
• Tailwind
• Prettier Tailwind Plugin
• ViteJS
• Semantic HTML5 markup

I used NextJS for this challenge. Since I plan to integrate Frontend Mentor into my study routine, I might as well play around with NextJS and React alongside the challenges.

Implementing this challenge with NextJS made it more interesting. It gave me a broader scope for learning.

I integrated a lot of libraries on this challenge since I want to test and learn how to use them. I focused on enhancing the UX with animations. I am quite happy with the result of this challenge.

This challenge also showed the importance of a .fig file. I spent most of the time pixel-pushing to set the dimensions, spacing, and layout just right. I am proud of the results since I was only eyeballing it.

I look forward to doing more challenges from Frontendmentor.io. I like learning and practicing new concepts.

• Tailwind Forms Plugin
• React Hook Form
• React Confetti Explosion
• React Spring
• CSS Loaders
• Gradient Generator

• Website: FScode
• Frontend Mentor: Shalri
• Github: Shalri