GameOn1 is a company specialized in conferences and game competitions. They reworked their website to simplify home page and inscription to contests.
Goal of this project: Add missing JavaScript to make the website and form functional (introduction to JavaScript).
The desktop and mobile designs are available on Figma.
- Users can now close the modal.
- Labels are linked to inputs in HTML.
- A verification that the form is valid is made when user clicks on "Submit".
- Data validity is verified:
- First name has 2 characters min / is not empty.
- Last name has 2 characters min / is not empty.
- E-mail address is valid.
- For the number of competitions, a numeric value is entered.
- A radio button is selected.
- General conditions are checked, the other is not mandatory.
- Form data is retained if form is not valid.
- Custom error messages are added to each field.
- A confirmation modal is shown after submitting a valid form.
The page is available at https://aurelianeg.github.io/gameon/ on GitHub Pages.
- Clone the repository
git clone https://github.com/aurelianeg/gameon.git
- Launch the project with Live Server
live-server
It opens the website to view it in the browser. The page will reload when changes are made in the code.
Footnotes
-
This is the 3rd project of the "Front-end developer (JS - React)" training by OpenClassrooms. ↩