• 

  Log in Page

• 

  Main Page

• 

  Main Page with search results

🎬 CineRank – Your Movies, Ranked the Human Way

CineRank is a comparison‑based movie ranking app that lets you build your perfect list one matchup at a time.
Instead of giving movies numbers, you decide which one is better — and the system figures out your ranking using a
binary‑search‑style algorithm.

🚀 Core Idea

People don’t naturally think in scores.
They think in comparisons.

So CineRank asks a simple recurring question:

\[ \text{“Is Movie A better than Movie B?”} \]

Each answer refines your personal ordering with a complexity of:

\[ O(\log n) \]

🧰 Tech Stack

• React (UI)
  
• Firebase Auth (per-user accounts)
  
• Firestore (stores movies with explicit rank field)
  
• OMDb API (movie metadata & posters)

🏗️ How It Works

1. User searches for a movie
   
2. App fetches full details via OMDb
   
3. If the movie is new, CineRank compares it to mid‑ranked movies
   
4. User chooses which one is better
   
5. The movie is inserted in the correct position and Firestore ranks update:

\[ \text{rank}(m_i) = i \]

💡 Challenges Solved

• Firestore randomness → fixed with explicit rank field + orderBy("rank")
  
• Duplicate detection → early popup to prevent re‑adding
  
• API limitations → fuzzy search scoring & poster fallbacks

🌅 Future Plans

• Public profiles & sharable rankings
  
• Leaderboards by region
  
• Similarity scoring between users
  
• Swipe‑based ranking for mobile
  
• Social feed of recent additions

Short, cinematic, and built with love.

Built With

• css
• firebase-authentication
• firestore
• git/github
• javascript
• omdb-api
• react