PORTFOLIO / RAZAK

Clear code. Real results.

All work

SIDE PROJECT / Web Experiences

Fly High.

A volleyball training app that works offline, guides each session, and keeps track of your progress.

MY ROLE

Frontend and PWA developer

TOOLS

JavaScript · PWA · Web Audio · Service Worker

Fly High application interface
5

training phases

More details

Warm-up, strength, jump power, conditioning, and cooldown.

4

session checks

More details

Checks for illness, pain, sleep, and food before a session.

0

package dependencies

More details

Built with JavaScript, HTML, and CSS, without a framework or build step.

01 / THE CHALLENGE

A daily routine, ready anywhere.

A daily training app needs to work on a phone, keep progress, and stay available without a connection.

02 / THE APPROACH

How I built it.

01

Made the app installable, with a cached app shell for offline use and local progress backups.

02

Built five training phases with timers, audio cues, vibration on supported devices, and a screen wake lock.

03

Added four session checks, a lighter routine option, daily streaks, and reduced-motion support.

03 / THE RESULT

What was delivered.

Built an offline training app with five phases, four session checks, and no runtime package dependencies.

Good to know

Open the app online once before using it offline. Training results have not been measured.

KEEP EXPLORING

Briefly AI