Face Value is a currency conversion app that does things differently: instead of converting arbitrary amounts it shows you the actual denominations in the country you're visiting. It lets you think in your home currency even with a foreign currency in your pocket.
View on the Firefox Marketplace.
Read the full developer walkthrough.
Difficulty: Medium
Code Breakdown:
- 2% HTML
- 16% CSS
- 82% JavaScript
Web API Usage
- localStorage
- Remembers user preferences and saves exchange rates for offline use.
- appcache
- Face Value does not require a network connection to run.
Folder Structure
- test/ (casperjs integration tests) - www/ (client-side code/styles) - www/index.html (base HTML file) - www/js/templates/ (EJS/HTML templates)
The CordovaLib, assets, cordova, face-value.xcodeproj, and face-value folders contain Cordova files used to create a packaged iOS web app that can be submitted to the iOS App Store.
Third-party Libraries
- backbone.js
- By using backbone's data bindings, Face Value ensures that changes to the backend (such as exchange rate updates) are automatically reflected on the frontend.
- zepto.js
- The lightweight jQuery-like library simplifies common tasks such as DOM manipulation.