Sign-up Form

Project info

A sign up form for a fake service. The purpose of this project was to practice form validation, css styling, and mobile styling.

Project description can be found here.

Live demo

Live demo available here

Table of Contents

• Features
• Technologies utilized
• Learning outcomes
• Project screenshot
• Behind the Scenes
• Installation

Features

• UI built to spec
• HTML5 Form Elements
• Form validation using JavaScript

Technologies utilized

• HTML5
• CSS3
• JavaScript ES6

Learning outcomes

This project helped to reinforce the following skills:

• Form validation
• JavaScript password validation
• CSS styling
• Mobile styling

Project screenshots (desktop & mobile)

Behind the scenes

Improvements

This project could be improved with:

• specifying which specific password criteria is invalid within the Custom Validity

Resources

• This is the example given to recreate.
• CSS reset

Installation

• Clone this repository to your desktop.
• Navigate to the top level of the directory by running cd odin-sign-up-form.
• Open index.html in your browser.