Studyverse

Your school life, all in one place. Schedules, reviewers, flashcards and a class community for Filipino students, with AI that turns photos into timetables and notes into reviewers.

Sole engineer & brand designer · 2026 · Designed, built and deployed by Alexus Karl Joaquin.

What I built

• Brand identity and design system built from scratch: a scripted SVG pipeline renders every logo, icon and favicon from geometry, with light and dark themes and WCAG AA contrast on every token pair.
• AI features in production: photograph a timetable and it becomes your schedule; photograph notes (or paste text) and get a saved reviewer with a flashcard deck.
• Data layer designed for a native feel: stale-while-revalidate cache, prefetched tab roots so no screen shows a skeleton, and a WebSocket client with reconnect, backoff and heartbeat that applies live events straight into the cache.
• Runs fully on in-memory mocks without a server (this demo), and against the real API with a single env variable. The service switch is one file.
• Every route verified at iPhone size in both themes with zero console errors and no horizontal overflow.

Skills demonstrated

• React 19
• TypeScript (strict)
• Vite 8
• Tailwind CSS 4 (CSS-first tokens)
• React Router 7
• Zustand state
• Motion animations
• Capacitor 8
• Node.js REST API
• PostgreSQL migrations & seeds
• WebSockets realtime
• Stale-while-revalidate caching
• OpenAI vision (photo to timetable)
• Docker
• Railway
• Brand & design-system pipeline (SVG, sharp)
• Accessibility (WCAG AA)
• Light / dark theming

Stack

Screens

More

All projects · Experience · LinkedIn · GitHub