← Back To Projects
August 2026
2 Weeks

Bias Board

A full-stack K-pop idol discovery and bias-tracking platform

Delivered a complete full-stack application within a two-week development schedule
Created a searchable catalog containing 50 detailed K-pop idol profiles across multiple groups and generations
Allowed users to build, rank, edit, and manage personal bias collections with private notes
Created an administrator dashboard with protected idol creation, editing, searching, and deletion controls
Next.js 16React 19JavaScriptCSS3Node.jsExpressREST APIPrisma ORMPostgreSQLnode-postgresJWTbcryptRenderNetlify

About This Project

BiasBoard is a full-stack K-pop discovery application where visitors can explore detailed idol profiles and registered users can create a personalized bias list. Users can rank idols from 1–10, write notes, update their rankings, and manage their favorite lineup through a private dashboard.

TIMELINE

Days 1–3

Project Foundation

Planned the application architecture, created the Next.js and Express projects, and designed the PostgreSQL users, idols, and favorites tables.

Days 4–6

Authentication and Idol Discovery

Implemented registration, login, password hashing, JWT authentication, the public idol catalog, search, and dynamic profile pages.

Days 7–10

Personal Bias Dashboard

Created protected favorite endpoints and a user dashboard for adding, ranking, editing, and removing idols from personal bias lists.

Days 11–12

Administration Tools

Added role-based access and an administrator dashboard for creating, searching, editing, and deleting idol profiles.

Days 13–14

Testing and Deployment

Improved responsive styling, tested frontend and backend workflows, fixed integration issues, and prepared the application for portfolio deployment.

PROJECT MEDIA

See It In Action.

Bias Board screenshot 1
Bias Board screenshot 2
Bias Board screenshot 3
Bias Board screenshot 4
Bias Board screenshot 5
Bias Board screenshot 6

EXPLORE THE PROJECT

View GitHub Repository ↗View Live Website ↗