03 / 03
case study· Web Application

Riwaq

A production web application built to strict accessibility standards with a lean, maintainable state layer.

My roleFront-End Developer
Year2025
CategoryWeb Application

Riwaq

Overview

Riwaq is a production web application built to strict accessibility standards with a deliberately lean state layer — proof that quality and performance are architecture decisions, not afterthoughts.

The goal

Ship a fast, accessible, maintainable interface where the state layer stays small as the app grows.

My role

Front-End Developer

Key features
01

98% Lighthouse score across both mobile and desktop builds

02

Strict semantic markup and accessibility standards throughout

03

40% less state-management boilerplate via NgRx SignalStore

Challenges

Hitting a near-perfect Lighthouse score on both form factors without cutting features.

Keeping state predictable while shrinking the boilerplate around it.

Screens

screenshot goes here · screenshot goes here

Riwaq · 01

Riwaq · 02

The result

A production app with a 98% Lighthouse score and a state layer that's 40% leaner.

What I learned

Accessibility and performance reinforce each other when you design for them early.

SignalStore lets you remove code and gain clarity at the same time.

AngularNgRx SignalStoreTailwind