pull/70/head
Florin Pop 6 years ago
parent 5c4f325b58
commit bcb0768da2

@ -20,45 +20,46 @@ country so it can then generate a customized greeting in the users native
language.
### Constraints
- Developers should use the [IP-API](http://ip-api.com/docs/api:json) service
to obtain the users country code.
- Developers should use the
[Fourtonfish](https://www.fourtonfish.com/hellosalut/hello/) service to
obtain the greeting in the users native language by passing the country code.
- Developers should use the [IP-API](http://ip-api.com/docs/api:json) service
to obtain the users country code.
- Developers should use the
[Fourtonfish](https://www.fourtonfish.com/hellosalut/hello/) service to
obtain the greeting in the users native language by passing the country code.
## User Stories
- [ ] User can see a mock login panel containing a user name text input field,
a password text input field, and 'Login' and 'Logout' buttons.
a password text input field, and 'Login' and 'Logout' buttons.
- [ ] User can enter a mock login name into the User Name field.
- [ ] User can enter a mock password into the Password field. Input should
be masked so the user see's asterisks ('*') for each character that is entered
rather than the plaintext password.
be masked so the user see's asterisks (`*`) for each character that is entered
rather than the plaintext password.
- [ ] User can click the 'Login' button to perform a mock login.
- [ ] User can see a message if either or both of the input fields are empty
and the border color of the field(s) in error should be changed to red.
and the border color of the field(s) in error should be changed to red.
- [ ] User can see a login acknowledgement message in the format:
`<hello-in-native-language> <user-name> you have successfully logged in!`
`<hello-in-native-language> <user-name> you have successfully logged in!`
- [ ] User can click the 'Logout' button to clear the text input fields and
any previous messages.
any previous messages.
- [ ] User can see a new message when successfully logged out in the format:
`Have a great day <user-name>!`
`Have a great day <user-name>!`
## Bonus features
- [ ] User can see an additional text input field for a country code which
will be used to override the country code obtained through geolocation. Hint:
this is a great feature for testing your app.
will be used to override the country code obtained through geolocation. Hint:
this is a great feature for testing your app.
- [ ] User can see additional geolocation information after logging on that
includes at least the local IP address, city, region, country name, zip code,
longitude, latitude, and timezone.
includes at least the local IP address, city, region, country name, zip code,
longitude, latitude, and timezone.
## Useful links and resources
- [Form Follows Function (Wikipedia)](https://en.wikipedia.org/wiki/Form_follows_function)
- [Personalization (Wikipedia)](https://en.wikipedia.org/wiki/Personalization)
- [Fourtonfish](https://www.fourtonfish.com/hellosalut/hello/)
- [IP-API](http://ip-api.com/docs/api:json)
- [Form Follows Function (Wikipedia)](https://en.wikipedia.org/wiki/Form_follows_function)
- [Personalization (Wikipedia)](https://en.wikipedia.org/wiki/Personalization)
- [Fourtonfish](https://www.fourtonfish.com/hellosalut/hello/)
- [IP-API](http://ip-api.com/docs/api:json)
## Example projects

Loading…
Cancel
Save