CodingNic

Application State and Navigation

Welcome to the FX_CHECKER Build

Application State and Navigation 5 min read

Welcome to the FX_CHECKER Build

Download Starter code

Download the fx-checker starter code

We are starting from the prepared interface and an empty app.js. The first goal is to give the page a small, explicit state model and working navigation between Convert, Rates, Favorites, and History.

What you will build

  • a currency dictionary and fallback rates
  • a small shared state object for the selected pair and chart range
  • reusable DOM lookup and formatting helpers
  • tab switching and initial rendering

Checkpoint

The page should switch between all four views without reloading. The Convert tab remains the default view.

Next, we will use the same shared state to drive the converter itself.