ExpressVue.jsSCSSFigma
Referpal · Referral gamification
Feb 2020 – Jun 20201 min read
Referral campaigns with an Express API, a Vue UI, SCSS styling, and frontend tests wired to real data.
Role — Software developer.
Impact
- Gamified referral flow rebuilt against Figma and landed in production.
- Frontend unit and integration tests added so later refactors stayed safe.
Context
Referpal ran hiring campaigns and wanted referrals to feel like a small game, not a boring form. The stack paired an Express backend with a Vue frontend. We needed steady data flow from the database to the screen and screens that matched Figma.
Approach
I connected the database layer to what Vue rendered, turned Figma frames into Vue plus SCSS, and wrote frontend integrity and unit tests. I stayed close to the PM on scope so integration issues surfaced early.
Outcomes
- A shorter path from stored rows to what users saw in the browser.
- Safer refactors because tests and the UI contract moved together.