← Back

Semester Project 2: Auction House

Auction House screenshot — Browse listings, filter results, and place bids in real time.

Overview

Auction House is a responsive web app where users can register, create listings with images, and bid on items. The project integrates the Noroff Auction API and focuses on robust UX: clear validation, informative error states, and intuitive flows from browse to bid.

Tech & Responsibilities

Frontend: HTML, JavaScript, Tailwind + Vite
API: Noroff Auction API — listings, bids, auth
UX: Search and filter, listing details, profile and credit balance
Build & Tools: VS Code, Figma; deployed to Netlify
Role: End-to-end — UI, state, validation, API integration, deployment

Improvements

Skeleton states & CLS fix: Reduced layout shifts across listing, profile, and detail views by improving skeleton loading behaviour.
Profile features: Added user-facing features such as viewing bids, wins, and in-app alerts for auction outcomes.
Login & error UX: Standardized error handling and improved feedback across authentication and bidding interactions.
QA & accessibility pass: Debugging via Wave and manual testing; resolved issues flagged after review.

Outcome

Noticeably smoother perceived performance (skeletons + fewer layout shifts), clearer feedback in critical flows (login, bidding), and improved account insight with bids/wins on the profile. The codebase was cleaned up and documented (Vite/Tailwind config)