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.
Users should be able to:
- Add their email and submit the form
- See a success message with their email after successfully submitting the form
- See form validation messages if:
- The field is left empty
- The email address is not formatted correctly
- View the optimal layout for the interface depending on their device's screen size
- See hover and focus states for all interactive elements on the page
- Solution URL: https://www.frontendmentor.io/solutions/newsletter-signup-form-with-success-message-GpDmNP0mMh
- Live Site URL: https://antmercado94-newsletter-sign-up.netlify.app/
- Vite - JS Build tool
- React - JS library
- Typescript
- CSS/CSS Modules
- Gradient Generator - A web tool that was used to create the gradient for the buttons that can be seen when hovered.
- Animated Button Gradients - This blog post contains the tutorial/CodePen I used for animating the background gradients of a button element.
- Website - Antonio Mercado
- Frontend Mentor - @antmercado94
- Twitter - @FirstFoodShop