jen67 / jen67.github.io

This repository contains a form validation challenge I did on Frontend-Mentor.io platform using React

Home Page:https://jen67.github.io/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

πŸš€ Frontend Mentor - Intro component with sign up form solution

This is my solution to the Intro component with sign up form challenge on Frontend Mentor. Frontend Mentor challenges are a fantastic way to enhance your coding skills by working on real-world projects.

🌐 Table of Contents

πŸ‘€ Overview

🌟 The Challenge

Users should be able to:

  • View the optimal layout for the site depending on their device's screen size
  • See hover states for all interactive elements on the page
  • Receive an error message when the form is submitted if:
    • Any input field is empty. The message for this error should say "[Field Name] cannot be empty"
    • The email address is not formatted correctly (i.e. a correct email address should have this structure: name@host.tld). The message for this error should say "Looks like this is not an email"

πŸ“Έ Screenshot

My desktop design

πŸ”— Links

πŸ› οΈ My Process

πŸ› οΈ Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • CSS Grid
  • Mobile-first workflow
  • React - JS library

πŸŽ“ What I Learned

I undertook this project as an opportunity to hone and apply the React expertise I've recently acquired.

πŸš€ Continued Development

I look forward to strengthening my skills in frontend development by practicing and building more apps.

πŸ‘©β€πŸ’» Author

About

This repository contains a form validation challenge I did on Frontend-Mentor.io platform using React

https://jen67.github.io/


Languages

Language:HTML 100.0%