Rank-a-Mate

Drag & drop ranking v0.1

TL;DR

Rank-a-Mate is a drag-and-drop web app I built to replace slow Excel-based ranking processes, streamlining sessions with features like supplementary info and quota sliders.

Problem

Rank-a-Mate was my first stab at making a drag & drop tool for ranking sessions in lieu of Excel.

Idea

Same problem statement - How might we speed up ranking sessions, which need manual selection to form a numbered list "1, 2, 3..." on Excel. Every change to the list required manual reordering.

Stack

DjangoDjango
HtmxHtmx
SortableJSSortableJS
NginxNginx
GunicornGunicorn
BootstrapBootstrap
PostgreSQLPostgreSQL

What I built

Speed up ranking sessions via drag & drop.

Not yet done

  • Basic CRUD webapp with drag & drop of officers and session-based workflow
  • Allowed addition of supplementary info (grades, dept)
  • Sliders to adjust quotas for each grade
  • Backend DB via Django

Copyright 2024-2025 Zixian Chen | Communication illustrations by Freepik and Storyset