Rubylabs / Selected work
Syncup
SyncUp helps you find new people with similar interests using your favorite movies, listening history, games, and more.
- Type
- Frontend Development
- Dates
- May - Jul 2026
- Technology
- Next.js, React, TypeScript, FastAPI, PostgreSQL
Case study
I built SyncUp with a friend during the three-month Swiss AI Challenge. It turns activity from games, music, film, anime, and online communities into one editable taste profile, then uses that signal to surface compatible people and recommendations. We wanted to make it easier to meet people through the things they actually spend time with, rather than a demographic questionnaire or dating-style profile.
What I did
I focused on the Next.js frontend. We designed SyncUp mobile-first because we expected most people to use it from their phone, then carried that same focused experience through to desktop. The first challenge was letting people bring in a lot of personal data without making setup feel like a chore, so I designed a five-step onboarding flow for languages, services, social links, manual obsessions, and a taste preview. The bottom navigation supports that approach: it feels natural to anyone used to mobile apps such as YouTube or Instagram, while still working on a larger display.
Inspiration from Duplicati
For the visual direction, I took inspiration from the color palette #F9FAFB #FFFFFF #E5E7EB #2563EB and distinctive icon style of Duplicati. Generous white space keeps the interface calm and easy to understand, while the icon style creates a recognizable visual identity.
Contact contact@rubylabs.design.