Work

LABIA's Scripts 69 — Digital Magazine

Role

Front-End Developer

Duration

Short Term

Website

Here

Tools Used/Explored

  • ReactJS
  • SCSS Modules (SCSS + CSS Modules)
  • Dark mode toggle

About

This was a quick React app bootstrapped from create-react-app where I experimented with SCSS Modules on the frontend.

My contributions involved:

  • Getting the frontend up and about, receiving data from an internal API
  • Design aspects of the site, including light/dark modes, some basic accessibility (font & size), loader concept
  • Configuring the build process to accept SCSS + CSS Modules

Other Thoughts

Integrating SCSS Modules into create-react-app 1.x was challenging at the time --- thankfully now included out of the box on the second version of create-react-app 2.x. Simply renaming the stylesheet to Component.module.scss is all it takes!