Mini Challenges Jun 2023

Frontend Mentor - Newsletter Sign-up

A newsletter sign-up form with data validation.

Frontend Mentor - Newsletter Sign-up Screenshot 1
Frontend Mentor - Newsletter Sign-up Screenshot 2
Thumb 0
Thumb 1

Project Overview

A solution to a Frontend Mentor challenge to build a newsletter sign-up form. The challenge requires validating the inputted email and displaying success or error messages.

The Challenge

Handling client-side form validation logic and changing the UI state based on the result.

The Solution

Used JavaScript to listen for the form submission event, validated the email format using Regex, and manipulated the DOM to show error messages or the success screen.

Key Features

Client-side Form Validation
Dynamic Success/Error States
Responsive Design
Interactive User Interface