Login & Signup Form

An animated log in and sign up screen concept with client-side form validation.

Role

Developer, Designer

Date

Jun 09, 2019

Client

BCIT

Tools

Html, Sass, JavaScript

Intro

This project was created from my desire to learn about form validation, a skill that I had never gotten the chance to practice. I decided that a simple login/sign up screen would be sufficient for my goal and decided to add some animation as well to practice my CSS and JavaScript skills.

Result

This project presents users with two screens: the login screen, and the sign-up screen. Users can enter information into the inputs on either screen,and upon submission or upon clicking away from the input, the form will check if the user input was valid. If the information entered was valid, the input box will be outlined green, otherwise it will outlined red.