Product Design · Quiz App · Algorithm Design

Cititype

A city-matching app that pairs your lifestyle preferences with US cities that actually fit. Answer questions about climate, culture, cost of living, and more — and get a personalized ranked list of your top matches, with housing links and relocation resources built in.

UX Design Algorithm Design HTML · CSS · JS Python Backend Firebase Auth City Roulette
Cititype home screen
Live app — cititype home
Try Cititype
ROLESolo Designer + Developer
STACKHTML/CSS/JS, Python backend, Firebase
DATAUS city demographics, climate, cost, culture indices
TYPEPersonal project · Consumer app
LIVEcititype.html
The Concept

Where you live shapes who you become

The "where should I live?" question comes up constantly, but most answers are gut feelings or generic lists. Cititype makes it more rigorous — by walking you through what you actually value (walkability, climate, cost of living, culture), it surfaces cities that genuinely fit your life. Create an account, complete the survey, and get a ranked list of your top 10 matches with scores, breakdowns, and direct links to housing searches and city guides.

Two Ways to Discover
Take the full quiz for a data-driven top-10 match — or use City Roulette to spin a random destination from your selected regions. Both paths lead to detailed city profiles with real-world next steps for exploring or relocating.
Design + Algorithm Process

Building a quiz that actually means something

01
61-Question Phased Survey — From Preferences to Data
The survey is the heart of the app. Phase 1 covers 61 essential questions spanning Climate & Environment, Lifestyle, Cost of Living, Culture, and more. Questions use continuous sliders — not binary choices — so users can express nuance: not just "do you like hot weather?" but exactly how much relative to everything else. Critical questions are flagged to signal higher algorithm weight, giving users transparency into what drives their results. A second phase of deeper questions is available for users who want even higher match accuracy.
Live App — Phase 1 Survey with Priority-Weighted Sliders
Cititype quiz questions
Critical questions carry higher weight in the scoring algorithm · Sliders capture preference intensity, not just direction
61 essential questions Critical / Important priority tags Slider-based inputs Multi-phase accuracy tiers
02
Weighted Scoring Algorithm — Five Scored Dimensions
Each slider answer maps to a weighted preference vector across five dimensions: Climate, Lifestyle, Economy, Social Vibe, and Livability. The algorithm accumulates these weights across all answers, then scores each city in the database against the user's vector. Cities are ranked by overall match percentage, and a confidence score reflects how consistently the user's answers aligned across dimensions. The result page shows a full breakdown — not just a match number, but why each city earned its spot.
Algorithm Design — Scored Dimensions
FIVE SCORING DIMENSIONS Climate      → Weather preferences, seasonality, sunshine needs
Lifestyle     → Outdoor activity, urban vs. suburban, pace of life
Economy     → Cost of living tolerance, job market, housing priorities
Social Vibe → Arts, nightlife, community type, diversity values
Livability   → Walkability, transit, safety, schools, healthcare access

MATCH OUTPUT Overall % match · Per-dimension scores (1–10) · Confidence rating
Top 10 cities ranked · Region & metro-size tags · Action links
DimensionExample Question DriverCities It Differentiates
Climate warmthSeasonal preference, sunshine vs. overcastPhoenix vs. Portland vs. Denver
Urban densitySunday activity type, transit preferenceNYC vs. Austin vs. Boise
Cost toleranceHousing priorities, career stageChicago vs. SF vs. Nashville
Social vibeNightlife, arts scene, community typeNew Orleans vs. Salt Lake vs. Raleigh
LivabilityWalkability, schools, healthcare accessAsheville vs. Houston vs. Seattle
03
Results Page — 10 Ranked Matches with Real Next Steps
A quiz is only valuable if the result is actionable. Each of the 10 matched cities shows a full photo, overall match percentage with confidence rating, and a five-dimension score breakdown with color-coded progress bars. Region and metro-size tags give immediate geographic context. Most importantly, every city card links directly to Browse Homes, a City Guide, and a Moving Guide — turning the quiz outcome into a genuine starting point for relocation research.
Live App — Ranked City Match Results
Cititype results page
Each result shows match %, confidence score, 5-dimension breakdown, and direct links to housing and relocation resources
Top 10 ranked cities Match % + confidence rating 5-dimension score bars Browse Homes · City Guide · Moving Guide links
04
City Roulette — Discovery by Surprise
Not everyone wants to answer 61 questions. City Roulette lets users select which regions of the US they're open to, then spin a random destination from that filtered pool. The result is a complete city profile — photo, tags, climate/lifestyle/economy scores, and the same action links as the full quiz. It's a lightweight, shareable counterpart to the main quiz that surfaces cities users might never have considered.
Live App — City Roulette Destination Reveal
City Roulette feature
Filter by region, spin the wheel · Full city profile with scores and action links · "Spin Again" for more exploration
Regional filtering Random destination reveal Full city profile cards Find Housing · City Guide · Moving Info
05
User Accounts, Navigation & Full-App Polish
Cititype is a complete, authenticated web application — not just a quiz page. Firebase authentication handles user accounts with persistent quiz history. The nav includes Home, Take Quiz, City Roulette, and Browse Cities — a full product with multiple pathways. The teal-and-white color scheme, city skyline background, and card-based layout were designed to feel modern and trustworthy for a relocation decision context, distinct from generic quiz aesthetics.
Live App — Authenticated Home with Navigation
Cititype home screen
Firebase auth · Persistent quiz history · Full navigation: Home, Take Quiz, City Roulette, Browse Cities
Firebase authentication Saved quiz results Browse Cities directory Mobile responsive
Outcomes

A tool built for a real decision

Cititype is a fully deployed, authenticated app — not a prototype. It covers the full product arc: question design, scoring logic, multi-step UX, city data research, and a UI designed to feel appropriate for a decision as significant as where to live. The results page links out to real resources so the quiz is a starting point, not a dead end.

61
Survey Questions
Phased for accuracy · slider-based intensity inputs
10
City Matches
Ranked with match %, confidence, and 5 scored dimensions
5
Score Dimensions
Climate · Lifestyle · Economy · Social Vibe · Livability