← Back

Project Exam 2: Holidaze

Holidaze screenshot — Discover and book stays while venue managers create and manage listings and bookings.

Overview

Holidaze is a booking platform where costumers can discover and book venues and venue managers can create, edit, and manage their own venues and bookings. The project integrates the Noroff Holidaze API and focuses on a clear, travel-brand inspired UI with strong UX around search, filtering, booking, and profile management for both customers and hosts.

Tech & Responsibilities

Frontend: Next.js (App Router), TypeScript, React, Tailwind CSS
API: Noroff Holidaze API — venues, bookings, profiles, auth
UX: Search and filter UI, responsive layout, skeleton states, profile dashboards for customers and venue managers
Build & Tools: VS Code, GitHub, Figma; deployed to Netlify
Role: End-to-end — information architecture, component design, state management, API integration, validation, deployment

Improvements

Search filters & URL sync: Rewrote filters into a unified “Apply Filters” action, reducing API calls and preventing 429 Too Many Requests errors.
Profile loading UX: Implemented consistent skeleton loaders for profile tabs, preventing layout jumps and replacing incorrect skeleton flashes.
Pagination & scrolling: Added SEO-friendly pagination with URL parameters and hash anchors, ensuring the page scrolls back to the search header rather than the top.
Accessibility & semantics: Improved interactive labels, refined ARIA roles, and increased clarity across filters, tabs, and forms.

Outcome

The final Holidaze build delivers a responsive, travel-focused booking experience with clear separation between guest and manager roles. URL driven search, stable skeleton states, and profile dashboards make it easier for users to find and manage stays, while the refactored filtering and pagination logic results in fewer API issues and a much smoother perceived performance.