Technologies used: WordPress, PHP, HTML, CSS, jQuery, Materialize
My current company, Doctor Genius, needed a new system of pages where we could showcase our upcoming and past events. There were two types of pages that were necessary. One was an archive page that showed all of the past and upcoming events of the company. The other was a single event page that showed all of the details of an individual event. I was tasked with translating the design that our designer created into functional code on the Front End. This was done using the Materialize framework, as well as HTML5, CSS3, and jQuery. Each page was also coded and designed responsively.
In addition to the Front End work, there needed to be a system put in place on the backend to input each new event. This was done in WordPress by creating two new templates, one serving the archive page and the other serving each individual event page. Each page needed to dynamically be able to handle displaying the information that pertained to a certain event. For this to work, I implemented a custom post type (CPT) on the backend. This CPT contained custom metaboxes that accepted information about the event from the user, including text entries, colors, dates, and images. Custom metaboxes were also generated dynamically on the backend for certain entries, such as speakers, since the amount was different for each event. A button with a click event handler was implemented that created a group of metaboxes that pertained to a speaker object once triggered by the user. I also included the ability for the user to hide certain sections of the page by selecting a checkbox. Lastly, I implemented a countdown timer for featured events. This created a countdown display at the top of the archive page, which showed the remaining days, hours, minutes, and seconds until the event started. This was done using the Countdown.js API.