https://github.com/anndcodes/signup-form
Signup Form project from The Odim Project
https://github.com/anndcodes/signup-form
javascript signup-form the-odin-project theodinproject
Last synced: 7 months ago
JSON representation
Signup Form project from The Odim Project
- Host: GitHub
- URL: https://github.com/anndcodes/signup-form
- Owner: anndcodes
- Created: 2023-05-30T18:13:47.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-07-10T17:49:25.000Z (about 2 years ago)
- Last Synced: 2025-01-21T23:24:50.375Z (9 months ago)
- Topics: javascript, signup-form, the-odin-project, theodinproject
- Language: HTML
- Homepage: https://anndcodes.github.io/signup-form/
- Size: 966 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SignUp Form Project
A simple **"SignUp Form"** project from _**The Odim Project**_ curriculum.
---
## About the Project:
A simple sign-up form where the user provide some infos and then sign up to a _ilusionary_ coffee shop which delivery coffee at home and also send a weekly newsletter about coffee related stuff if the user chooses so.
---
## Features
- Basic form structure
- Styling concepts using pseudo-classes
- Form validation using CSS indicating whether the provided info is correct or wrong with emoji and border-color
- Password validation using JavaScript checking if they match
- Implementation of an icon that toggle the password visibility, also using JavaScript
- Prevention of submit form if inputs aren't filled or if passwords does not match
- Implementation of a welcome page when user submits form.
---
## Resources
- [Icons](https://ionic.io/ionicons)
- [Form image](https://unsplash.com/photos/4wl5IjEiW3A)
- [Welcome page image](https://unsplash.com/photos/j2SZHDrMgsE)
- [Fonts](https://fonts.google.com/)
---
## Visit the Project
Check the [project](https://anndcodes.github.io/signup-form/) out!
---
Made with ❤️ by Annd