https://github.com/j3wlius/fm-contact-form

https://github.com/j3wlius/fm-contact-form

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/j3wlius/fm-contact-form
• Owner: j3wlius
• Created: 2024-06-16T08:27:31.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-06-17T23:05:06.000Z (7 months ago)
• Last Synced: 2024-06-18T21:49:28.215Z (7 months ago)
• Language: CSS
• Size: 10.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Frontend Mentor - Contact form solution

This is a solution to the [Contact form challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/contact-form--G-hYlqKJj).

## Table of contents

- [User stories](#user-stories)

- [Screen shots](#screen-shots)

- [Links](#links)

## User stories

- The user should be able to complete the form and see a success toast message upon successful submission

- The user should receive form validation messages if:

  - A required field has been missed

  - The email address is not formatted correctly

- The user should be able to complete the form only using their keyboard

- The user should have inputs, error messages, and the success message announced on their screen reader

- The user should be able to view the optimal layout for the interface depending on their device's screen size

- The user should be able to see hover and focus states for all interactive elements on the page

## Screen shots

![screenshot](screenshot.png)

## Links

- [Frontend Mentor](https://www.frontendmentor.io/challenges/contact-form--G-hYlqKJj)

- [GitHub](https://github.com/j3wlius/fm-contact-form)

- [Live demo](https://j3wlius.github.io/fm-contact-form/)