/codepath-web-tipsy

CodePath.org Web Security 2017 - Pre-work

Primary LanguageCSS

Pre-work - Tipsy

Tipsy is a tip calculator PHP page.

Submitted by: Tejen Patel

Time spent: 6 hours spent in total
(including time spent experimenting with designs 😛)

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

Video Walkthrough

Here's a walkthrough of implemented user stories:

Video Walkthrough

GIF created with LiceCap.

Notes

Inspired by my tipsy iOS app from Spring 2016 :)

To see this in action, visit https://tejen.net/sub/codepath/tipsy/.

License

Copyright ©2016 Tejen Hasmukh Patel

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.