This web app demo, hosted for free on Posit's shinyapps.io, relies on R's Shiny web framework, basic modules, the {bslib} package for styling Bootstrap themes with Sass variables, and {thematic} for styling {ggplot2} visualizations.
Live web app: javierorraca.shinyapps.io/Bloomreach_Shiny_App
Step-by-Step Tutorial: Build a Shiny App Demo as a Cover Letter Accessory
- bslib
- {bslib} introduces Sass variables to Shiny making the customization process more unified and easier than the traditional custom.css
- The default Bootstrap version for {bslib} is version 5, however, this app was designed using Bootstrap 4
- thematic
- {thematic} provides a centralized approach to styling R graphics, particularly grubs and ggplot2 visualizations
- Configure color and font selections on
helpers/custom_theme.R - Change the navigation bar's brand logo appearance on
helpers/navbar.R- The brand logo image should be stored in the
www/folder and the image source file referenced onhelpers/navbar.R(row 5) should be updated to the new logo file name
- The brand logo image should be stored in the
- For more advanced styling, please reference
www/styles.scssto inspect additional Sassy CSS styling elements