https://github.com/shaneafsar/csc511-tippy-sample

Sample implementation for the Tip Calcuator.
https://github.com/shaneafsar/csc511-tippy-sample

Last synced: 25 days ago
JSON representation

Sample implementation for the Tip Calcuator.

• Host: GitHub
• URL: https://github.com/shaneafsar/csc511-tippy-sample
• Owner: shaneafsar
• Created: 2019-09-21T21:09:09.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-11T06:41:44.000Z (almost 2 years ago)
• Last Synced: 2024-04-17T03:39:58.956Z (7 months ago)
• Language: JavaScript
• Size: 1.42 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 20
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# tippy

This is a sample implementation of the CSC511 Tip Calculator project.

* [x] User can enter total bill amount

* [x] User can choose between at least three tip tiers (e.g. 15%, 18%, 20%) and see the total tip

* [x] User can see the total with tip

## Summary

This impementation shows how we can use a single component to render the calculator. It uses a controller to accept a query paramter (amount) to allow a user prefill the total bill in the initial input. It also demonstrates how computed properties can be used to dynamically change elements of the page, and showcases a sample helper (format-number) to truncate the tip and bill amount to two decimal places.

![Walkthrough GIF](tippy-sample.gif)

## Prerequisites

You will need the following things properly installed on your computer.

* [Git](https://git-scm.com/)

* [Node.js](https://nodejs.org/) (with npm)

* [Ember CLI](https://ember-cli.com/)

* [Google Chrome](https://google.com/chrome/)

## Installation

* `git clone ` this repository

* `cd tippy`

* `npm install`

## Running / Development

* `ember serve`

* Visit your app at [http://localhost:4200](http://localhost:4200).

* Visit your tests at [http://localhost:4200/tests](http://localhost:4200/tests).

### Code Generators

Make use of the many generators for code, try `ember help generate` for more details

### Running Tests

* `ember test`

* `ember test --server`

### Linting

* `npm run lint:hbs`

* `npm run lint:js`

* `npm run lint:js -- --fix`

### Building

* `ember build` (development)

* `ember build --environment production` (production)

### Deploying

Specify what it takes to deploy your app.

## Further Reading / Useful Links

* [ember.js](https://emberjs.com/)

* [ember-cli](https://ember-cli.com/)

* Development Browser Extensions

  * [ember inspector for chrome](https://chrome.google.com/webstore/detail/ember-inspector/bmdblncegkenkacieihfhpjfppoconhi)

  * [ember inspector for firefox](https://addons.mozilla.org/en-US/firefox/addon/ember-inspector/)