https://github.com/codersuresh/intro-component-with-signup-form
https://github.com/codersuresh/intro-component-with-signup-form
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/codersuresh/intro-component-with-signup-form
- Owner: coderSuresh
- Created: 2021-12-28T08:46:44.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-12-29T06:58:31.000Z (over 3 years ago)
- Last Synced: 2025-01-07T20:12:13.531Z (5 months ago)
- Language: SCSS
- Size: 434 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Frontend Mentor - Intro component with sign up form solution
This is a solution to the [Intro component with sign up form challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/intro-component-with-signup-form-5cf91bd49edda32581d28fd1). Frontend Mentor challenges help you improve your coding skills by building realistic projects.
## Table of contents
- [Overview](#overview)
- [The challenge](#the-challenge)
- [Screenshot](#screenshot)
- [Links](#links)
- [My process](#my-process)
- [Built with](#built-with)
- [What I learned](#what-i-learned)
- [Continued development](#continued-development)
- [Useful resources](#useful-resources)
- [Author](#author)
- [Acknowledgments](#acknowledgments)
## 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: `[email protected]`). The message for this error should say *"Looks like this is not an email"*
### Screenshot
### Links
- Solution URL: [https://github.com/coderSuresh/intro-component-with-signup-form](https://github.com/coderSuresh/intro-component-with-signup-form)
- Live Site URL: [https://codersuresh.github.io/intro-component-with-signup-form/](https://codersuresh.github.io/intro-component-with-signup-form/)
## My process
- Download the starter file
- Set up with github
- Write code
- Commit the changes
### Built with
- HTML
- CSS
- Flexbox
- SCSS
- JavaScript
### What I learned
- Basic client side form validation
## Author
- Website - [Coder Suresh](https://codersuresh.github.io)
- Frontend Mentor - [@coderSuresh](https://www.frontendmentor.io/profile/codersuresh)
- Twitter - [@codersuresh](https://www.twitter.com/codersuresh)