Practice Project

Contact
Form

A full-featured nail studio website built from scratch which blends elegant brand design with practical business features including a services menu, client gallery, reviews, and a contact system.

Client
Personal
Category
Validator
Tech
HTML · CSS · JS
Status
✓ Live
Role
Front-End Developer

SMART FORM
LOGIC

The Contact Form project demonstrates the critical balance between a clean user interface and the functional guarddrails needed to prevent data entry errors.

I used vanilla JavaScript to build a custom validation engine that interacts directly with the DOM. Instead of relying on basic browser default, I engineered event listeners that trigger visual feedback (such as error messages and color changes) the moment a user provides invalid data.

The Challenge

To solve input friction, the frustration users feel when they submit the form only to be told after the fact that they made a mistake. I created this project to master regex for email and phone validation and to learn how to manage complex conditional logic in JavaScript.

Instant Feedback
Error messages and success states appear as the user types, improving the completion rate.
Pattern Matching
Implemented advanced Regular Expressions to ensure high-quality data entry for emails and passwords.

WANT SOMETHING
LIKE THIS?

Let's talk about your project and what I can build for you.

GET IN TOUCH ← ALL PROJECTS