Login & Signup Form

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


Developer, Designer


Jun 09, 2019




Html, Sass, JavaScript


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.


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.