---
# System prepended metadata

title: Social Sync challenge
tags: [challenge]

---

---
tags: challenge
---

# Social Sync challenge

## Build an advent calendar that shows small videos.

- Create a date input that allows you to simulate the current day of december.
- Create 25 "windows" where each represents a day of the month. Behind which you can place random video clips or images (try to have a mix of both) that can only be seen after you "open" the door.
- Videos should only play *after* you open the door.
- If you want, you can animate the door 'opening', but that's not mandatory!
- Only allow the user to click on the window when the door representing the day of the month is exactly, or after, the simulated current date (i.e. you can only open the door for the 14th of December, if the simulated date is on or after the 14th of december).
- Track which users have opened which doors between refreshes by loading and saving the state to the browser's localStorage.
