Context
An experimental project exploring how simple interaction patterns—like swiping and scoring—can drive engagement and competition.
HeartRank — Photo Rating Web App
An experimental MVP web app where users rate profiles on a scale of 1–10 and see how they compare on a live leaderboard.
Concept
Users rate profiles using a Tinder-style card interface, and rankings are displayed on a live leaderboard.
Focus
Creating a smooth, responsive experience across mobile and desktop with a privacy-first approach.
Outcome
A working MVP demonstrating card-based voting, session management, and real-time ranking updates.
Key Features
Card-Based Interface
Tinder-style swipeable cards for quick and intuitive profile rating.
Live Leaderboard
Real-time ranking system showing top-rated profiles.
Session-Based Voting
Vote deduplication to ensure fair and accurate rankings.
Responsive Design
Smooth experience across both mobile and desktop devices.
Privacy-First
No authentication, no personal data collection, fictional profiles only.
Prisma Database
Structured database with clean component-based architecture.
Ethical Approach
An important part of this project is its ethical design. The app is designed strictly for:
- Fictional profiles or fully consenting participants
- No authentication required
- No personal data collection
- Privacy-first setup with no user tracking
Tech Stack
What I Learned
From a technical perspective, I implemented features such as:
- Session-based vote deduplication
- Structured database design with Prisma
- Clean component-based architecture in Next.js
- Balancing interactivity with simplicity in a small-scale application