Nestlé and MEC asked Beyond to create them a YouTube channel for their Maggi brand to connect women with cooking rituals and culture across the Middle East and North Africa. The YouTube channel hosted a web-series following four women on their travels throughout the Middle East, guiding and introducing viewers to new dishes with regional twists and a touch of Maggi.
The Back End is built with Python, using Django as it’s CMS and hosted on Google App Engine. For the Front End we chose Angular as it was by this stage tried and tested, something Beyond had used on various projects already and of course, came Google recommended. We used SCSS for styling the UI and ensured all partials were namespaced correctly and aligned with the Angular modules to ensure a clean and well structured codebase. Because this was a Mutiligual site and needed to be in Arabic (RTL), we had to ensure we developed this in a way that allowed us to easily flip/reverse the layout and content. We achieved this by hooking into the lang attribute on the head and using a collection of custom SCSS mixins and our own custom grid system.
The large supported device/browser matrix for this web application meant that we needed an even longer than usual period for QA and when you combine this with such a tight deadline, it made for quite a tough project. But I am pleased to say we were able to launch on time and within budget.
The hard work paid off and it was great to see Google promoting it so heavily following it’s launch, including this Case Study they created.
Quirksmode is a fully responsive Universal React Application connected to a Headless CMS designed and developed by myself, web enthusiast and all round nice guy Dave. It was created to be my Portfolio and voice to the world.
All code has been hand written from scratch using Visual Studio. All of the opinions on this site are my own and do not represent those of my employer or colleagues.
Mobile Number: 07870257474