Skip to content

Latest commit

 

History

History
55 lines (35 loc) · 1.63 KB

README.md

File metadata and controls

55 lines (35 loc) · 1.63 KB
Raw

GameOn

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

Load specifications

Design

The desktop and mobile designs are available on Figma.

Design for the home page

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
  1. 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. ↩