GameOn

GameOn¹ 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).

Load specifications

Design

The desktop and mobile designs are available on Figma.

Features

• 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.

Launch

GitHub Pages

The page is available at https://aurelianeg.github.io/gameon/ on GitHub Pages.

Cloning

1. Clone the repository

git clone https://github.com/aurelianeg/gameon.git

2. 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

1. This is the 3rd project of the "Front-end developer (JS - React)" training by OpenClassrooms. ↩