Skip to content
WaffleHacks Website 2024

WaffleHacks Website 2024

Hackathon / Web Development
Completed / Live
Dec 2023 - Jun 2024

Description

The official 2024 website for WaffleHacks, a 48-hour student-organized virtual hackathon.

Project Overview

A fully responsive, interactive web application built with the Next.js App Router for high performance and accessibility (WCAG 2.1 Level AA compliant). Key features include a detailed schedule, team member cards with custom SVG graphics, an animated landing page with a hidden scavenger hunt mode, PWA support via `@ducanh2912/next-pwa`, and dynamic metadata generation. The site is optimized for speed, utilizes Tailwind CSS with NextUI for modern styling, and leverages `framer-motion` for smooth UI transitions. Development uses TypeScript and is enforced by BiomeJS and Stylelint.

Technologies Used

Next.js 14
TypeScript
React
Tailwind CSS
NextUI
framer-motion
zustand
@ducanh2912/next-pwa
SASS
SVG

Project Gallery

Hover over any image to view it in full screen. Drag horizontally to browse through the gallery.

landing page

landing page

team page (mike)

team page (mike)