Sign-up Form

Sign-up is the first project from the Intermediate HTML and CSS section of The Odin Project. It is intended to give students an opportunity to dive deeper into design principles and more advanced CSS concepts such as advanced selectors, CSS functions and custom properties. Working demo here.

Installation

To create a copy of the project, type the following command into your terminal:

git clone git@github.com:implexrr/sign-up.git

Note that the stylesheet and script link paths in this project will need to be changed in order for the CSS/JS files to render properly.

Usage/Features

Take a look here! Note that successfully completing the sign up will simply refresh the page, as the service doesn't actually exist. An incorrect submission will yield the appropriate error indicator.

Things I learnt creating the project

This project was written almost entirely in CSS/HTML.

• HTML
  • Emmet
  • SVG
  • Tables
  • Forms
    • Label-input pairs
    • Input validation
    • Placeholders
• CSS
  • Custom fonts
  • Advanced selectors
  • Alternative CSS units and positioning methods
  • Keyframes
  • Cross-browser compatibility
  • Psuedo-selectors
• Javascript
  • Client side password validation
• General Programming
  • Pattern matching
  • Regular expressions

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

MIT