Currency Converter App

Image result for nigerian currency converter

This Application was built to try and meet the specification for the Google-Udacity-Andela mobile web specialist track #7daysofcodechallenge. The mobile-web track covered courses on es6 and offline web apps.

In General, the app was to be built with es6 or further versions of JavaScript to be able to function offline.

Making open web apps functional while offline is an important problem to solve: users may lose network while on the move. In addition, having your files available locally will make your app require less server access and therefore be more responsive.

Making your apps function Offline is a step towards making your application progressive.

Progressive Web Apps are Applications that are regular web pages or websites, but can appear to the user like traditional applications or native mobile applications. They attempt to combine features offered by most modern browsers with the benefits of a mobile experience.

Some characteristics of progressive web apps include:

Responsive – Fit any form factor: desktop, mobile, tablet, or forms yet to emerge.

Connectivity Independent – Service workers allow work offline or on low quality networks.

App – like – Feel like an app to the user with app-style interactions and navigation.

Installable – Allow users to “keep” apps they find most useful on their home screen without the hassle of an app store.

Some of the technologies used to build progressive web apps include

  • Service workers
  • Manifest

– Service worker is a script that your browser runs in the background, separate from a web page, opening the door to features that don’t need a web page or user interaction. It is responsible for making your application thrive regardless of your connectivity (Offline/Low Connectivity).

– Manifest is a W3C specification defining a JSON-based manifest to provide developers a centralized place to put metadata associated with a web application. It is responsible for the mobile/native app like feel of your app. It contains information about your application and links to resources your app needs to thrive on your mobile device.

Interested?  Simply click on this.

 

By A. A Afolabi

 

You may also like...