JavaScript Count-Down Timer with Full Page Map

Happy 150th Birthday, Cornelius J. Carmody!

One of my great grandfathers has the sesquicentennial anniversary of his birth coming soon, so I whipped up this interactive prototype as part of my family genealogy project, to share with relatives and others.

The back-end pulls out the person’s data including image, bio, description, map defaults and lat/long, then the front-end creates a full-screen map centered on the person’s home town, while the count-down timer animates to the scheduled event.

This responsive solution uses Javascript, PHP, mySQL, CSS3, Greensock GSAP and Google Maps APIv3.


TAGGED WITH:
  • Deep-Zoom Image: The Five Points, 1827

  • Photo: No More “Breakfast All Day”

  • Custom T-Shirt Designs

  • CSS Grid: Print-To-Web Experiments

  • Slaughter On NY Avenue

  • Frame By Frame Animation

  • National Press Foundation

  • The Corcoran Gallery of Art – Interactive Exhibition Kiosk

  • Resolution No. One

  • The Cary Group

  • Interactive Genealogy Museum

  • Interactive Story Map: Family Burial Plots

  • You’re My Thrill


Client Case Study:
The National Press Foundation

I was hired to build the National Press Foundation a brand new website featuring a state-of-the-art digital asset management system allowing the foundation to deliver streamlined interactive educational experiences to the national and international journalists making up its target audience.


READ MORE about the interesting, successful NPF project