Readme

Glitch: https://a2-orlandopinel.glitch.me

Nike Running Club new member sign-up

This sign up webpage that provides a form for users to input their username, full name and date of birth. This information is collected by a script that sends it to a server running node.js. The server stores the data inputed in the form and derives the age of the user to then return the stored field plus the derived field for them to be displayed on the same frontend webpage. In other words this is a single-page app that always updates the shown data to be in sync with the server. I used CSS layout to organize and position all the elements. The website is User friendly and self explanatory with a welcome message.

Technical Achievements

• Tech Achievement: Create a single-page app that both provides a form for users to submit data and always shows the current state of the server-side data. To put it another way, when the user submits data, the server should respond sending back the updated data (including the derived field calculated on the server) and the client should then update its data display.

Design/Evaluation Achievements

• Design Achievement 1: Tested my user interface with other students in the class. Task: sign up himself and one friend to the Nike Running Club

-Subject 1:

1. Cybul
2. The subject didn't stumble into any obstacles or problems
3. "I don't have a User name but I will guess"
4. I would consider clarifying that the username is like a nicname for the runner in the club

-Subject 2:

1. Morales
2. The subject found it odd that I had requested a username without a password.
3. "When did I create my password?"
4. I would consider changing the username to nickname or prefered name

• Design Achievement 2: Input checker that sends a pop-up if not all the input boxes are filled.