← Websites 🎤

Conference Landing Page with Countdown

A conference site with a live countdown clock ticking down to opening day.

🟡 MediumDifficulty

3-4 hoursTime

JavaScript, TypeScriptLanguages

What you're building

A full event landing page for a fictional tech conference, complete with a live days/hours/minutes/seconds countdown timer, a speaker lineup grid, a schedule section, and a registration form. The countdown is powered by real JavaScript Date math, not a fake number.

What you'll unlock 🔓

Date/TimesetIntervalLayoutForms

You'll need

Basic HTML
Basic CSS
Basic JavaScript

🗺️ Build roadmap

01 Set up hero and target date → 02 Build the live countdown timer → 03 Add the speaker lineup → 04 Add the schedule section → 05 Add the registration form → 06 Handle the 'event has started' state

🔒

Log in to start building

Your first project is free -- create an account to unlock it.