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.