signupFM ADDED

Author: TechNech

signup-form-component-FM/.gitignore

@@ -0,0 +1,15 @@
+# Avoid accidental Sketch file upload 
+###############################################
+## Please do not remove line 5 - thanks! 🙂 ##
+###############################################
+*.sketch
+
+# Avoid accidental XD or Figma upload if you convert the design file
+#######################################################
+## Please do not remove lines 11 and 12 - thanks! 🙂 ##
+#######################################################
+*.xd
+*.fig
+
+# Avoid your project being littered with annoying .DS_Store files!
+.DS_Store

signup-form-component-FM/README.md

@@ -0,0 +1,57 @@
+# 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)
+  - [Useful resources](#useful-resources)
+
+**Note: Delete this note and update the table of contents based on what sections you keep.**
+
+## Overview
+
+### The challenge
+
+Users should be able to:
+
+- View the optimal layout for the site depending on their device's screen size (done)
+- See hover states for all interactive elements on the page (done)
+- Receive an error message when the `form` is submitted if: (done)
+  - 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
+
+![](./design/screenshot.JPG)
+
+### Links
+
+- Solution URL: [Add solution URL here](https://your-solution-url.com)
+- Live Site URL: [Add live site URL here](https://your-live-site-url.com)
+
+## My process
+
+### Built with
+
+- Semantic HTML5 markup
+- CSS custom properties
+- Flexbox
+
+### What I learned
+
+This challenge was the first where I wrote any of JavaScript, and eventually after one hour of research I also learned how to change `placeholder` text of `input` elements using JS.
+
+Cheers!
+
+### Useful resources
+
+- [Resource 1](https://www.youtube.com/watch?v=bFOuUypjkSM) - This helped me in JavaScript, as I am a total beginner at it.I really liked it because it was simple and I learned how JS actually works.
+
+- [Resource 2](https://stackoverflow.com/questions/42415624/adding-placeholder-to-input-field-by-name) - This helped me in JavaScript, in replacing `placeholder` text when `email` input is empty.