QuanAVuong / tip-php

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Pre-work - Tippy

Tippy is a tip calculator PHP page.

Submitted by: Quan Vuong

Time spent: 10 hours spent in total

User Stories

The following required functionality is complete:

  • [✔] User can enter a bill amount, choose a tip percentage, and submit the form to see the tip and total values.
  • [✔] Tip percentage choices use a PHP loop to output three radio buttons.
  • [✔] PHP code sets reasonable default values for the form.
  • [✔] PHP code confirms the presence and correct format of submitted values.
  • [✔] Page indicates any form errors which need to be fixed.
  • [✔] Submitted form values are retained when errors or results are shown.

The following optional features are implemented:

  • [✔] Add support for custom tip percentage
  • [✔] Add support for splitting the tip and total
  • [✔] Improve design with CSS

The following additional features are implemented:

  • Slider/Buttons to set amounts without keyboard
  • Save custom default values

Video Walkthrough

Here's a walkthrough of implemented user stories:

Video Walkthrough

[imgur](http://imgur.com/ExDjwCC)

GIF created with LiceCap.

Notes

Challenges:

  • get only the correct radio and (custom textbox) value
  • activate custom radio when textbox selected and vice versa
  • check if an element is selected without JavaScript
  • get CSS framework to cooperate
  • learn RegEx

License

Copyright [2017] [Quan Vuong]

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

About


Languages

Language:PHP 79.9%Language:CSS 20.1%