Skip to content

Latest commit

 

History

History
56 lines (35 loc) · 2.32 KB

README.md

File metadata and controls

56 lines (35 loc) · 2.32 KB

Contact form

Design preview for the Contact form coding challenge

Contact Form README

Welcome to the Cartoon Developers Contact Form project! This repository contains the code for a contact form page that validates user inputs and displays a toast message upon successful validation.

Project Overview

This project aims to create a simple and user-friendly contact form page for our website. The form validates user inputs to ensure that all required fields are filled out correctly before submission. Upon successful validation, a toast message is displayed to confirm the submission.

Features

  • Validation: The contact form validates user inputs to ensure that required fields such as name, email, and message are filled out correctly.
  • Toast Message: Upon successful validation, a toast message is displayed to confirm the submission.
  • Responsive Design: The contact form page is designed to be responsive, ensuring optimal user experience across different devices and screen sizes.

Getting Started

To get started with the project:

  1. Clone this repository to your local machine.
  2. Open the index.html file in your web browser to view the contact form page.
  3. Fill out the form fields and click the submit button to test the validation and toast message functionality.

Usage

  • Fill out the form fields with your name, email address, and message.
  • Ensure that all required fields are filled out correctly.
  • Click the submit button to validate the form.
  • Upon successful validation, a toast message will be displayed confirming the submission.

Technologies Used

  • HTML5
  • CSS3
  • JavaScript (for form validation and toast message)

Contributing

We welcome contributions to improve the functionality and user experience of our contact form page. If you'd like to contribute, please follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature or improvement.
  3. Make your changes and ensure that the code follows our coding standards.
  4. Test your changes thoroughly.
  5. Submit a pull request detailing the changes you've made.

Contact

If you have any questions, suggestions, or feedback regarding the project, feel free to reach out to us at [email protected].

Happy coding!

  • The Cartoon Developers Team