Have you ever wondered how the red and the green boxes are getting from your friends to you? The engineers at Doodle work hard each day to keep this process as easy and straightforward as it always has been. The infrastructure and back-end architecture has been explained by this Blogpost; so this post will focus on the front-end part of the web app.
It is very important to us that every person all over the globe is able to use Doodle to make scheduling possible between all kinds of people. This is why we support all major browsers (IE8+). Mobile devices are covered by native Apps (Android & iOS) or our mobile web version for other smartphones.
But what exactly is happening under the hood?
This module is the starting point for everything you see on Doodle. It loads all its dependencies with the help of RequireJS, reads the provided JSON data and finally renders the data with the Mustache template engine. To give Doodle a modern face we use the famous Bootstrap3 framework and customize it with SCSS. Since HD screens become common we are building Doodle to become Retina-ready.
To offer the huge variety of all our features we use the following third-party-libraries: FullCalendar to show you the polls within context of your personal calendar. Feature detection (legacy support) with Modernizr. Fancy Input elements with ChosenJS and Select2.