Around the end of 2022 I was tasked with creating a web version of Macademia’s “Da Vinci” mobile application that would allow users to browse and watch educational shows and content aimed towards children. The website was designed away from the mobile app version to give it a “netflix” look and feel, showcasing . Initial development of the application was completed in around 5-6 months after finalising designs and initial features, and was built from scratch within the Next.js React framework. The project was further developed with additional features such as search and the Da Vinci quests functionality as well as redesigns aimed around support for mobile/tablet layouts. Details about the Da Vinci quest project can be read about here.

While I had maintained and done development work for other React projects whilst working at Macademia, web.davinci.tv was the first React-based project I’d built and started from scratch. I chose to use Next.js for it’s out-of-the-box routing and bundling, as well as it’s features in aiding to handle API integrations which were needed to pull the data from pre-existing APIs used by Macademia to fetch and render the show data and content for the website. Framer Motion was used to implement animations for the site, and we used locize as an i18n solution to allow our content team to edit and manage translations for feeds without needing to re-build the site.

Link: web.davinci.tv