Arzēhyaat
Quotes & Music Web App · 2019
Visit Live SiteScreenshots
Overview
A consumer-facing web application for browsing inspirational quotes and listening to curated music. The app provides a calming, mobile-app-like experience in the browser with search, favorites, and personalization features.
The Challenge
Situation
Users wanted a dedicated space to discover and save meaningful quotes while enjoying ambient music. Existing quote apps were cluttered with ads or lacked good UX. The target audience preferred mobile-like experiences.
Task
Create a fast, beautiful web app that feels like a native mobile app, with instant search, personal collections, background music, and a distraction-free reading experience.
My Approach
- Built a responsive SPA using vanilla JavaScript for maximum performance
- Implemented real-time search with text highlighting across the quote database
- Added background music player that persists across navigation
- Created OTP-based login for saving favorites and personalizing the experience
- Designed keyboard shortcuts and gestures for power users
Results & Impact
- App provides instant search results with no perceptible delay
- Users report the experience feels like a native mobile app
- Background music feature increases average session duration
- Light/dark theme toggle accommodates different reading preferences
Tech Stack
Architecture
Single-page application with Firebase backend. Real-time database for quotes and user data. Firebase Auth for OTP login. Service worker for offline capability and fast subsequent loads.
Key Technical Decisions
- Chose vanilla JS over React/Vue for smaller bundle size and faster load times
- Used Firebase Realtime Database for instant search without pagination lag
- Implemented CSS containment and virtual scrolling for smooth performance
- Added keyboard shortcuts (j/k navigation, / for search) for power users
Have an idea for a consumer web app?
Let's discuss your project over a free discovery call.
Book a Discovery Call