LABIA's Scripts 69 — Digital Magazine

Role: Front-end Developer

Duration: Short Term

Tools Used/Explored: React, SCSS Modules, tog­gle-able dark mode


This was a quick React app boot­strapped from create-react-app where I ex­per­i­mented with SCSS Modules on the fron­tend.

My con­tri­bu­tions in­volved:

  • Getting the fron­tend up and about, re­ceiv­ing data from an in­ter­nal API
  • Design as­pects of the site, in­clud­ing light/​dark modes, some ba­sic ac­ces­si­bil­ity (font & size), loader con­cept
  • Configuring the build process to ac­cept SCSS + CSS Modules

Other Thoughts

Integrating SCSS Modules into create-react-app 1.x was chal­leng­ing at the time –- thank­fully now in­cluded out of the box on the sec­ond ver­sion of create-react-app 2.x. Simply re­nam­ing the stylesheet to Component.module.scss is all it takes!