Mhamad Khodari

Web Developer, Programmer, Music Lover
2018
Website
Technology Used: Wordpress, Visual Composer, Custom Post Types, Google Maps, Snazzy Maps, PHP, MySQL, jQuery, SlickJS.
Project Intro:

Chocolate is associated with many of our fondest memories. It’s an essential part of special occasions like birthdays and romantic dinners, and a fine accompaniment to a quiet evening by the fire. It’s a treat we enjoy giving for all kinds of occasions, and Les Chocolats Vadeboncoeur is pleased to be part of its customers’ cherished memories. Try our bite-size chocolates – you’ll fall in love at first bite!

My Work:

This is one of the best projects that I worked on. Mainly because of all the chocolate pictures that I dealt with. But also because I used a lot of custom PHP and Wordpress to build it. This site has products and recipes, and to build those, I used Custom Post types, with custom taxonomy. The products have filters and zoom functionality, and the recipes are presented in a beautiful way. Everything is easy and friendly for the client to edit in the backend.

This website is bilingual, and it has a lot of reusable code, and contact forms. It also has a secure "Client Zone", where only users with login info can access and view details about the products and their availability.

Website
Technology Used: Wordpress, Visual Composer, PHP, jQuery, RWD, SlickJS.
Project Intro:

The personal website of Coach Frank, who helps other coaches achieve their goals through training sessions.

My Work:

This simple website was built using Wordpress. The design has a lot of steep angles, which was a minor challenge. The website has accordions, conftact forms, and a blog.

Digital Built National Capital Region (DBNCR)
(2018) Coming Soon!
Website
Technology Used: Wordpress, PHP, MySQL, jQuery, Foundation Framework, SlickJS.
Project Intro:

My Work:

Mathieu Arseneault
(2018)
Website
Technology Used: Wordpress, Visual Composer, PHP, jQuery, Facebook API, Centris property listing.
Project Intro:

Mathieu Arseneault. The philanthropist, the father, the pilot, and the real estate agent. Mathieu's impact in the Outaouais region has made him a lovable celebrity.

My Work:

I created this project using Wordpress, and Visual Composer. It has a lot of features like Custom Post Types to load all his videos using Facebook API. It also has contact forms, testimonials, and accordions.

The website also uses the Centris property listings to display all the properties that Mathieu is in charge of.

Inova Web Quote
(2018) Coming Soon!
Website
Technology Used: PHP, REST API, Sessions, jQuery, Web Services, FancyBoxJS.
Project Intro:

Inova is an Insurance Brokers company. They wanted a project where users can request an auto insurance quote online, and get results right away.

My Work:

I built this project using PHP and sessions. The user can enter a valid Ontario driving licence, and an email address, and within seconds they will receive 3 quotes for their auto insurance. Once that is displayed, the next step is to get the consent of the user to save their email address, which I then submit to 2 different web services.

The form fields are validated, and the driving license field is restricted to only allow valid Ontario driving licences.

Appartements Central (Junic)
(2018) Coming Soon!
Website
Technology Used: Wordpress, PHP, MySQL, jQuery, Foundation Framework, SlickJS.
Project Intro:

My Work:

MT Ventilation
(2018) Coming Soon!
Website
Technology Used: Wordpress, Visual Composer, PHP, jQuery, Google Maps API, Snazzy Maps, FeatherLightJS.
Project Intro:

MT Ventilation est une entreprise en constante évolution. Nous sommes en affaires depuis 2004, déjà plus de 10 ans à votre service, pour desservir les constructeurs et les clients sur l’ensemble du territoire de l’Outaouais et d’Ottawa pour l’installation de produits de chauffage et de climatisation.

My Work:

This project was built with WordPress and Visual Composer. The products were showcased under their different categories, and Google Maps were styled with Snazzy styles. There are also contact forms that uses the featherLight popup, and lots of cool animations.

Pépinière du Golf
(2018) Coming Soon!
Website
Technology Used: Wordpress, Visual Composer, Custom Post Types, Google Maps, Snazzy Maps, PHP, MySQL, jQuery, SlickJS.
Project Intro:

Founded in 2005, the Pépinière du Golf has built a solid reputation among its customers.

They are committed to satisfying the needs of all and providing you with quality service to provide their residential and commercial customers with the best in the industry. Much of their success is attributed to their loyal and dedicated employees who are always concerned about the quality and sustainability of their relationships with their customers.

My Work:

This project was built with WordPress and Visual Composer. It features a lot of products that the company deal with. Aside from the Google Maps, contact forms, sliders, and carousels, this website also features a masonry gallery that showcases the portfolio of the company.

2017
Website
Technology Used: Wordpress, PHP, MySQL, jQuery, Foundation Framework, SlickJS.
Project Intro:

Réseautact est un acteur incontournable pour répondre à vos besoins de formation en Outaouais. Regroupant les Services aux entreprises des quatre commissions scolaires francophones de la région de l’Outaouais, Réseautact jouit d’un riche passé de plus de 20 ans d’expérience et d’une réputation qui repose sur son expertise, sa compétence, son professionnalisme, sa polyvalence et surtout, sa capacité d’adaptation aux besoins spécifiques de ses clients.

My Work:

This website was built using WordPress. And it uses the rich responsive features of the Foundation framework. It relies heavily on the custom database fields that I used to hold all the data for all the formations. You can filter the formations by territory/sector/type/keywords.

To make things easier for the client to maintain, things like "formations", "sectors", and "locations" were incorporated into the left hand menu of WordPress.

The website also has a contact form, and it uses SlickJS to display carousels of images, testimonials and Youtube videos.

Saint-Jean Eudes - Football
(2017)
Website
Technology Used: Wordpress, PHP, MySQL, jQuery, Foundation Framework, SlickJS, PrettyPhoto.
Project Intro:

Le Programme de Football des Condors de Saint-Jean-Eudes vise le développement d’élèves-athlètes d’élites tout en supportant ceux-ci dans leur cheminement académique. La pratique du football représente non pas une finalité en soit, mais plutôt un précieux outil de motivation dans le parcours au secondaire de nos jeunes élèves-athlètes.

My Work:

The Football website of SJE was built with WordPress. It uses the Foundation framework responsive grid and classes, and it also uses SlickJS to display a carousel on the homepage. The website uses custom database fields to save and display info about the teams, the players, and the trainers.

You can search for news and pages using the search functionality. And I developed code that would filter and reuse the profiles of those players on multiple teams. Older teams can be archived and it would automatically appear in other "archived" places. The filtering was done by combining PHP and JS.

The website also has a Google Map, a contact form, and it retrieves data from Facebook/Instagram/Twitter using Juicer.io to display them on the website.

Website
Technology Used: Wordpress, PHP, MySQL, jQuery, Foundation Framework, Google API, SlickJS.
Project Intro:

Saint-Jean-Eudes est une école secondaire privée qui accueille environ 1000 garçons et filles de la 1re à la 5e secondaire et une soixantaine d’éducateurs d’expérience se dévouent sans compter pour que chaque élève trouve chez nous un milieu de vie à sa dimension.

My Work:

The SJE website was built with WordPress, and it uses the Foundation framework responsive grid and classes. It uses SlickJS to display a carousel on the homepage. It also displays news, a Google Map, a contact form, and it retrieves data from Facebook/Instagram/Twitter using Juicer.io to display them on the website.

The website uses custom database fields to hold and display the content.

Website
Technology Used: Wordpress, PHP, MySQL, jQuery, Foundation Framework, Google Maps API, Juicer.io API.
Project Intro:

"Vacarm, c’est l’agence de création qui fait du bruit!" This web agency takes care of all your digital needs from marketing, to graphic design, to web development, to promotions and campaigns.

My Work:

I built this one page design using Wordpress, and Foundation framework. It has a carousel, a Google Map, and a Contact Form. It also uses the Juicer.io API to load a feed from Instagram.

Website
Technology Used: Wordpress, PHP, MySQL, jQuery, Foundation Framework, Google Maps API.
Project Intro:

Le Service régional de la formation professionnelle en Outaouais (SRFPO) regroupe les activités de la formation professionnelle des quatre commissions scolaires francophones de la région.

My Work:

This project was built from the grounds up using WordPress, Foundation, and jQuery. It uses a lot of custom database fields to hold the data for all the courses/formations. The website itself is responsive, and it features a JavaScript animation on the front page, where the iconds float around the head of the guy.

The website has a Google Maps that conditionally take you to the appropriate centre de formation. It also features a search functionality, and news.

Website
Technology Used: Wordpress, PHP, MySQL, jQuery, Foundation Framework, Google Maps API.
Project Intro:

Aime-toi is a site that is addressed to the youth and it answers their questions about sexuality and to provide food for thought. It also provides a map that tells them where they can find condoms and get tested for sexually transmitted infections (STIs) in the Outaouais.

My Work:

This website was a big challenge due to the requirements of the design. I built it on WordPress, and it used a lot of custom database fields. The website has 22 sections on one page, all driving from different sources. The design required that the curves be shown surrounding each section, which was the real challenge when dealing with the responsiveness.

The website also has downloads, youtube videos, and a contact form. As well as an interactive map that filters and shows where people can buy condoms and get tested.

Website
Technology Used: Wordpress, PHP, MySQL, jQuery, Foundation Framework.
Project Intro:

ASDR Industries is a growing international company; it has a strong reputation in the mining and forestry industries and has offices in Canada, Mexico and Africa.

My Work:

This WordPress website was built, but the client wanted some work done on the content and contact form. They also wanted to create an interactive form for their surveys. I created that form using custom Database fields. Users would come to a login page, create an account with the ability to control and delete their account.

The form would then give them a set of questions that they needed to answer, we calculate their score afterwards, and save everything to the database. Users also have the ability to retake the survey and improve their scores.

Website
Technology Used: Wordpress, PHP, MySQL, jQuery, Foundation Framework.
Project Intro:

The Beau Bouleau website for the CISSS-Outaouais from the government of Québec.

My Work:

I built this beautiful small website using WordPress and Foundation. It is responsive, fast, and blue.

Website Maintenance
Technology Used: Wordpress, PHP, MySQL, jQuery, Foundation Framework.
Project Intro:

Altitude Gym opened its doors in October 2010 on the grounds of an old church in Gatineau. The climbing center offers climbers of all levels a climbing experience of international scale and is constantly innovating to remain the leader in this field.

My Work:

I was tasked with backing up the old website, and installing a new WordPress site, with a responsive and bilingual holding page.

Website Maintenance
Technology Used: Wordpress, PHP, jQuery, Google reCaptcha.
Project Intro:

GROUPE IMMOBILIER CCI est une agence immobilière exclusivement spécialisée dans la location et la vente d'immobilier commercial et industriel à travers la Ville de Gatineau dans la région de l’Outaouais au Québec au cœur de la région de la capitale du Canada.

My Work:

I had a small task in this project, the client was receiving a lot of spam due to their contact form being unsecure. I rewrote the form, and added Google reCaptcha to it.

Website Maintenance
Technology Used: Wordpress, PHP, REST API.
Project Intro:

Le Groupe DLM est constitué de trois propriétaires fondateurs, chacun possédant sa spécialisation. Ces spécialistes, en plus de leurs réseaux de personnes ressources, offrent un avantage considérable sur la concurrence régionale.

My Work:

The client was having a problem with the API services that they were using to load the properties. I investigated the issue, and found several problems with the API not serving data correctly.

Website Maintenance
Technology Used: Wordpress.
Project Intro:

The website for a real estate broker: Jason Harding.

My Work:

Although it was on a tight budget, this website used a WordPress theme, and beautiful design.

The work was then transferred to the client, but I am not sure if it went public.

Website Maintenance
Technology Used: Wordpress, PHP, jQuery.
Project Intro:

Hit The Ice is a multiplatform project which consists of a television show and a website which will see the top twenty Aboriginal players, aged 15 to 18 years old, experience the rigors of a professional training camp. Throughout the camp, these prospects will be put to the test and they will gain valuable experience as they get ready for their on ice audition in front of many junior scouts from Canada and the United States.

My Work:

I performed several fixes and tweaks on this website. The design was already built.

PMB Huissier - Quebec
(2017)
Website Maintenance
Technology Used: Wordpress, jQuery, Responsive Design.
Project Intro:

For almost three decades and thanks to its team of professionals—bailiffs, legal technicians and experienced collaborators—, PMB has distinguished itself by its ability to work with you, handling your cases properly, and remaining determined and attentive to detail.

My Work:

The client for this project requested that we take the current website and make it responsive. With the use of the proper CSS3 tools, I was able to convert the existing design, and make it responsive.

Website
Technology Used: Wordpress, PHP, MySQL, jQuery, Foundation Framework.
Project Intro:

Mon Chez Nous Inc. est un organisme sans but lucratif œuvrant en Outaouais urbain qui offre et gère des logements avec support communautaire accessibles financièrement et décents pour personnes et familles fragilisées autonomes à faible et modeste revenu vivant une situation d’itinérance ou à risque de le devenir.

My Work:

This fun website was built using WordPress, it features a custom mega menu, search functionality, news, and a contact form.

This website uses custom post fields to hold data for its partners, as well as Google Maps API to display their location.

Website Maintenance
Technology Used: Wordpress, jQuery.
Project Intro:

AGR Insurance Brokers Inc. offers a variety of insurance solutions to fit your—and your family’s—needs, delivering exceptional customer service and peace of mind. We’re here when you need us.

My Work:

I was tasked to create and work on a form for this client. The website uses WordPress, and Contact Form 7.

Website
Technology Used: Wordpress, PHP, MySQL, jQuery, Foundation Framework.
Project Intro:

Cuisi-n-art designs and builds kitchen cupboards, customized vanities, and bathrooms in the residential and commercial sectors. The premium materials we use are supplied mainly from Québec companies.

My Work:

This responsive bilingual website was created using WordPress. And it uses Foundation, jQuery and various libraries, to display a lot of galleries.

The website also uses custom WordPress fields to host the data, and it has several contact forms, as well as the use of YouTube API and Google Maps API.

Leblanc et Associes
(2017)
Website
Technology Used: Wordpress, PHP, MySQL, jQuery, Foundation Framework.
Project Intro:

Dans un contexte de rareté de main-d’œuvre, de réglementations changeantes et de nouvelles générations d’employés, Leblanc, Cabinet de consultation en gestion des ressources humaines fondé il y a plus de 20 ans par Mario Leblanc, est un cabinet d’experts qui s’est donné comme mission de soutenir stratégiquement les gestionnaires dans la gestion de leurs ressources humaines.

My Work:

This responsive website is in french and it was built using WordPress, Foundation, jQuery, Google Maps API, Contact Form, reCaptcha, custom accordion, and lots of custom database fields.

Website
Technology Used: Wordpress, PHP, MySQL, jQuery, Bootstrap Framework, Responsive Design.
Project Intro:

Joroma is ahead of the curve when it comes to the latest building trends, using innovative technologies and the highest quality building materials to create unique, superior-quality homes that stand the test of time.

My Work:

This bilingual and responsive website was built using WordPress, Bootstrap, jQuery, Google Maps API, Youtube Videos, Contact Form, reCaptcha, and custom database fields. It also had custom code to display different content based on the location of the IP of the user (Ontario/Quebec).

Website
Technology Used: Shopify, Liquid, e-Commerce.
Project Intro:

Athar is a design company that offers an eclectic mix of contemporary gifts inspired by traditional Middle Eastern forms and patterns.

My Work:

My first Shopify project was a small challenge because I had to learn a new markup language (Liquid) to build this theme.

This project features a store where customers can buy middle eastern products online, and get the items shipped. The website had also collections, galleries, a contact form, and a blog.

Sousatzka Musical
(2017)
Website
Technology Used: Wordpress, PHP, MySQL, jQuery, Foundation Framework.
Project Intro:

Based on the novel Madame Sousatzka by Bernice Rubens, and set in London, England in 1982, SOUSATZKA tells the story of a young musical prodigy torn between two powerful women from vastly different worlds: his mother, a political refugee, and his piano teacher, a brilliant eccentric with a shattered past.

My Work:

I volunteered my time to help this client move from their old hosting. I had to replicate the design and make it a Wordpress theme, because the previous company wouldnt give us access anymore. This project has video galleries, carousel, and is responsive.

Website
Technology Used: Wordpress, PHP, MySQL, jQuery, Foundation Framework.
Project Intro:

UpchainXLM is a cloud-based, software-as-a-service PLM solution for manufacturers of complex products who are struggling to collaborate with customers and suppliers in extended value chains.

My Work:

A small "temporary" website was built for UpchainXLM using Wordpress. It was built in Wordpress, using Foundation, jQuery, and had a contact form.

2016
Clinique de Chirurgie Esthethique de Gatineau
(2016)
Website
Technology Used: WordPress, PHP, jQuery, Bootstrap Framework.
Project Intro:

"La Clinique de Chirurgie Esthethique de Gatineau" is a cosmetic surgery clinic situated in Gatineau. It offers a wide range of cosmetic procedures.

My Work:

I was tasked to build this bilingual WordPress theme for this website. This project was done with the help of Bootstrap and jQuery.

Clean Energy Connect
(2016)
Website
Technology Used: WordPress, PHP, jQuery, Responsive Design.
Project Intro:

In early 2016, Clean Energy Connect (CEC) was one of over 20 projects submitted to a competitive request for proposal (RFP) process developed by three of the six New England states – Connecticut, Massachusetts and Rhode Island – to secure new, clean power resources that fulfill important state and regional energy policies.

My Work:

This beautiful parallax website was built using WordPress, and jQuery. It has cool effects, and a contact form.

Website
Technology Used: WordPress, PHP, jQuery, Responsive Design.
Project Intro:

Rivemont is a portfolio management firm offering innovative investment strategies to investors seeking solid returns with an effective management of the markets’ volatility.

My Work:

This bilingual website was built with WordPress, it contains contact forms, downloads, press articles, and radio episodes.

2015
Al Shaqab Racing App
(2015)
Mobile App
Technology Used: AngularJS, Ionic, Cordova, WebServices
Project Intro:

This is the future app of the Al Shaqab Horse Racing team.

My Work:

Initially I joined this project to customize it for iPad and as a standalone web app, but ended up doing a lot of work on the whole project. This app pulls data from the major social media networks, and aggregates them into one feed, it also collects the news from all around the world concerning the horses of the Al Shaqab Racing Team.

I developed the chat system that is used in it, with its support for uploading media. It has a horses listing, a list oc clinics, and push notifications.

Al Shaqab App
(2015) (Windows Not Published)
Mobile App
Technology Used: AngularJS, Ionic, WebServices
Project Intro:

Al Shaqab stands as an enduring tribute to the Arabian horse and the tradition of equestrian excellence that has co-evolved with this breed in Qatar.

My Work:

I built this multiplatform application to reflect the needs of this organization. The app uses extensively the webservices for the horses, their galleries, news and events. It also has Geotracking option to show the different venues, as well as pedigrees.

Qatar Debate App
(2015)
Mobile App
Technology Used: AngularJS, Cordova, Ionic, WebServices
Project Intro:

QatarDebate is the national debating organization for Qatar. Their aim is to shape the global citizens of today and the intellectual leaders of tomorrow in Qatar and the region.

My Work:

This was my first hybrid app using Ionic and AngularJS. The app uses different webservices to display the content from their website. It incorporates Google Maps with styling layers, and has carousels that display their galleries, as well as news and events, publications. Their Championship event is showcased also in the app in a slick and beautiful way. It also has a timer. The app is bilingual, English and Arabic.

2014
World Innovation Summit for Health
(2014)
Website
Technology Used: FuegoCMS, jQuery, Foundation Framework, Flickr API, JSON, FeatherJS
Project Intro:

The World Innovation Summit for Health (WISH) is a global healthcare community dedicated to capturing and disseminating the best evidence-based ideas in healthcare, providing global solutions that will save both lives and much needed resources.

My Work:

This was a pretty complex website. Built using the FuegoCMS and its wonderful database capabilities. The website uses the Foundation framework, so it is fully responsive, and it features a mega menu hybrid of links and callouts queried from the database. The website also features an Innovation catalogue, where the projects are filtered and displayed in an easy way. And an interactive map of the world.

I am also using the Flickr API to retrieve the images and display them on the website. There is also a video section that displays all the videos on their YouTube channel, and the website is bilingual, English and Arabic.

Website
Technology Used: Drupal, jQuery, Foundation Framework
Project Intro:

Uniprint.ca is a leading printing company in Lethbridge, giving Southern Alberta access to complete professional copy and print services.

My Work:

This website was built using the open source CMS Drupal. It is fully responsive using the Foundation framework, and it features a unique right sliding menu.

Website
Technology Used: FuegoCMS, jQuery, Foundation Framework
Project Intro:

FlexEDGE is a technology solutions and services company that leverages the best of the world has to offer.

My Work:

FlexEdge was created using the Foundation framework, it has a carousel, an interactive map, and an off-canvas menu. The website is fully responsive. This website is trilingual, English, French, and Arabic.

Lean Performance Optimization Platform
(2014)
Website
Technology Used: FuegoCMS, jQuery, Foundation Framework
Project Intro:

The Lean Performance Optimization Platform (LPOP) leverages six sigma concepts, tools, and technologies to optimize human performance and unlock human potential.

My Work:

A perfectly responsive website. The design required the use of a sticky menu.

Website
Technology Used: WordPress, jQuery.
Project Intro:

Tandartspraktijk is a dental clinic in the Netherlands.

My Work:

This was a very fast project without a clear design. The client wanted a fast mobile friendly website while they moved to their new servers. This website is in Dutch.

Qatar Architecture Award
(2014)
Website
Technology Used: FuegoCMS, jQuery, Databases
Project Intro:

The Qatar Architecture Award is an initiative by the Faculty of Islamic Studies, Hamad bin Khalifa University, to establish a platform dedicated to excellence in the practice of architecture, heritage preservation and urban renewal in the State of Qatar.

My Work:

This was a prototype project for the QAA. The concept was that they wanted a system for an event where the contestants would apply, and present their projects, and another system for the judges to review and rate those applications. A lot of jQuery work was done in combination with lots of Database querying.

TAMM
(2014)
Website Maintenance
Technology Used: FuegoCMS, jQuery, Databases, Internal Mailing System
Project Intro:

Tamm is an organization co-founded by Silatech, Social Development Center, Reach out to Asia, Qatar Center for Voluntary Activities, and designed to connect volunteers with those who need them.

My Work:

I helped in this project by creating forms, testing and troubleshooting. As well as some styling.

2013
Supreme Council of Health
(2013)
Website
Technology Used: FuegoCMS, Accessibility, jQuery, Lemonade Framework
Project Intro:

SCH has an ambitious program to enhance the wellness of the people of Qatar so that a vibrant, healthy, and productive society can be established for today and for the future. The essence of that program is ’Caring for the Future’.

My Work:

This is the website of a high profile client in Qatar. They wanted a modern and accessible website. So this is what I provided. This website is level AA WCAG compliant, and at the time of launch it was the first and most accessible website in Qatar, but now it is among the top 10, after the client started loading their own content. Qatar has an Accessibility Monitoring Tool.

The website is fully responsive, and accessible. It has a hybrid mega menu, carousels, publications sorted in an accordion, and lots of forms.

Some accessibility scores can be seen in the thumbnails to the right.

Website
Technology Used: FuegoCMS, Parallax, jQuery
Project Intro:

Fuego is a leading web design and development company based in Qatar. They create websites, intranets, portals, mobile apps, digital signage and custom application software.

My Work:

One of my pride projects. I created this website for my company, it is basically a parallax site, where I use the FuegoCMS to display some of the projects of our company. It had a video background, and a huge interactive map on the contact us page.

Through small little tweaks this website is rated as 100% the most accessible website in Qatar, according to the Accessibility monitor.

National Health Strategy
(2013)
Website
Technology Used: FuegoCMS, jQuery, Databases, Bootstrap Framework
Project Intro:

The aim of the NHS is to provide a practical, implementable strategy to be used by the health sector as a means for reform and improvement toward reaching the ultimate goal of a healthy population. The NHS is one of 14 sector strategies integrated into Qatar’s National Development Strategy.

My Work:

I created this website from scratch, it contains carousels, virtual tables, filtering, and brand guidelines that uses the bootstrap framework. There is a section where each of the strategies has its own sections, and data is retrieved and displayed depending on the goal.

The website also has News, Events, and Publications, as well as Images and Videos Galleries.

Website
Technology Used: FuegoCMS, Radio Streaming, Video Streaming
Project Intro:

QF Radio broadcasts news from QF to the rest of Qatar and the region and works to explain to listeners exactly what is happening within Education City and the other centers to the wider-world.

My Work:

This was a big project and a challenging one. This radio station is in reality 2 radio stations, one in English, and the other in Arabic. I built this website with an adaptive design that reflects the branding of the organization.

The splash page refreshed periodically and loads a new image every time. There is an audio player for each of the languages that plays the radio stream.

It has a smooth calendar of events, and an image gallery that opens in a lightbox. And I retrieve their videos from their YouTube channel using JSON. News, events, and Instagram items are displayed on the website as well.

Doha Carbon & Energy Forum
(2013)
Website
Technology Used: FuegoCMS, Rock Hammer Framework
Project Intro:

DCEF is a forum that features around 100 regional and Qatari experts and 40 international experts. It is a premier platform for carbon dioxide emissions, carbon abatement solutions, alternative energy, energy efficiency, and new technology in Qatar.

My Work:

This website is a one page parallax project, where all the sections are displayed in one page, with the ability to have child pages. I created this website with the Rock Hammer framework, and it features a video carousel, and an agenda.

Ryan's IELTS Blog
(2013)
Website
Technology Used: WordPress, jQuery, WebServices
Project Intro:

This website is dedicated entirely to the original IELTS material that Ryan Higgins has been creating over the past 8 years. He focuses mainly on prepping candidates for IELTS Writing, but he also does dabble in the other sections from time to time.

My Work:

This project was initially 4 different websites for each of the IELTS sections (Writing, Speaking, Listening, and Reading). The homepage has a Carousel, and is gathering data from several JSON webservices.

This website contain a payment system where the users can buy Ryan's books. It also featured audio and video galleries.

Barwa Bank Intranet
(2013)
Website Intranet
Technology Used: FuegoCMS, jQuery
Project Intro:

Barwa Bank, is a bank in Qatar. It is licensed and regulated by the Qatar Central Bank. It contributes fully to the development of society and the economic well-being of its residents, upholding traditional values whilst embracing progressive ideas and technologies.

My Work:

This was an intranet project, and I built it using the FuegoCMS, virtual tables, and jQuery.

Barwa TV
(2013)
Website TV
Technology Used: FuegoCMS, JSON, jQuery
Project Intro:

Barwa Bank, is a bank in Qatar. It is licensed and regulated by the Qatar Central Bank. It contributes fully to the development of society and the economic well-being of its residents, upholding traditional values whilst embracing progressive ideas and technologies.

My Work:

This project was an interesting one because I had to experiment with running websites on TVs. The client wanted to display some information on their TVs inside the bank branches. So I built this project to cycle through images, and display the latest updated currency rates, with flags and news and events too.

Website
Technology Used: FuegoCMS, Responisve Design, Virtual Tables
Project Intro:

Qatar Foundation for Education, Science and Community Development (QF) and FC Barcelona (FCB) are jointly committed to unlocking the human potential of young people through a number of rewarding projects and programs.

My Work:

This microsite is actually a quadrilingual small website to display some information about the partnership between QF and the FC Barcelona, it is fully responsive, and used the FuegoCMS to retrieve and display data from the virtual tables.

Website Maintenance
Technology Used: FuegoCMS, jQuery
Project Intro:

CHI AlShaqab is an annual event in Qatar, organized by Al Shaqab and QF. It spreads over four days of Jumping, Dressage, Para-Dressage and Endurance; where national and international horses and riders will take their chance for an event of a lifetime.

My Work:

I assisted in this website by fixing some bugs that were found, and by building the Video Gallery that retrieves and display the videos of their YouTube channel.

Website Maintenance
Technology Used: FuegoCMS, jQuery
Project Intro:

QELA is a luxurious fashion boutique in Qatar.

My Work:

I assisted with this website by working on individual components requested by this project. For example I implemented the inside carousels, and some designs sliders that were done with jQuery.

Academic Bridge Program
(2013)
Website Maintenance
Technology Used: FuegoCMS, jQuery
Project Intro:

The Academic Bridge Program (ABP), is a premier pre-university program established for high school graduates from Qatar and other countries in the region.

My Work:

My task on this website was to create the complex carousel on the homepage, as well as fix a couple of small bugs. The carousel is different in that with each slide, 2 areas of the page are changing, the horizontal image and text below the menu, and the vertical spotlight area too. Both of them change automatically and using the controls.

International Association of Science Parks
(2013)
Website Maintenance
Technology Used: FuegoCMS, jQuery
Project Intro:

This project is an event hosted by Qatar Science and Technology Park (QSTP), and was held at Qatar National Convention Center, Doha, Qatar.

My Work:

My duties in this project were more of a support and QA testing, as well as style fixes.

Website Maintenance
Technology Used: FuegoCMS, jQuery,
Project Intro:

Qatar Foundation for Education, Science and Community Development is a private, non-profit organization that serves the people of Qatar by supporting and operating programs in three core mission areas: education, science and research, and community development.

My Work:

I was one of the two people who implemented the new design of this website. I worked on the responsiveness, and on the topics filter. As well as the inside carousels, and image galleries.

I did a lot of backend work with the FuegoCMS, this site relies heavily on several components that were built in-house. Each article is tagged and sorted through Content Modules, and we used a lot of virtual tables as well.

2012
Qatar Academy - Al Wakra
(2012)
Website
Technology Used: FuegoCMS, jQuery
Project Intro:

Qatar Academy Al Wakra (QAW) is coeducational up till grade 5, segregated grade 6 and up, bilingual, serving the community of Al Wakra and surrounding areas.

My Work:

This project required that I use the FuegoCMS to display the content of QAW. I built the design, and stored some of the callouts in virtual tables. I also query the backend to retrieve and display the news and events into a calendar of events. A carousel is also displayed on the homepage.

Qatar Academy - Al Wakra (Mobile)
(2012)
Mobile Website
Technology Used: FuegoCMS, jQuery, jQuery Mobile
Project Intro:

Qatar Academy Al Wakra (QAW) is coeducational up till grade 5, segregated grade 6 and up, bilingual, serving the community of Al Wakra and surrounding areas.

My Work:

I used jQuery Mobile to create a mobile version of the QAW website.

Website Maintenance
Technology Used: FuegoCMS, jQuery
Project Intro:

SILA is a regional initiative that launched from Qatar aiming to match investors with entrepreneurs.

My Work:

I took over this project because it had a very tight deadline. I was able to deliver it on time with the help of my team members. The website had a carousel on the homepage with a countdown timer to the launch event. I pulled the news and the events, and had a calendar of events. The website also had videos, and a streaming page for the live launch ceremony.

Center for Islamic Legislation and Ethics
(2012)
Website
Technology Used: FuegoCMS, jQuery, Virtual Tables
Project Intro:

The Research Center for Islamic Legislation and Ethics (CILE) leads the reform and renewal of contemporary Islamic legal and ethical thought and behavior by contributing a sustainable ethical framework for addressing contemporary global challenges.

My Work:

The second design of CILE was a bit more challenging, the requirements asked for carousels, calendar of events, news, and events. There was an event streaming, and a registration form, as well as a media center that contained image and video galleries. I also created a mix of jQuery and relational databases to load and display their research papers in a nice and presentable way.

Website
Technology Used: FuegoCMS, jQuery
Project Intro:

Qatar Foundation for Education, Science and Community Development is a private, non-profit organization that serves the people of Qatar by supporting and operating programs in three core mission areas: education, science and research, and community development.

My Work:

This was the biggest client I ever had in my life so far. Their website was built using the FuegoCMS, and virtual tables. The homepage design required vertical sliding carousels, a tabbed area where the news and events will be displayed, another horizontal scrolling news ticket with images and text, and several other callouts.

Their inside pages contained side menus and events calendar. As well as news and events with an option to filter those items.

Website
Technology Used: Static HTML, jQuery
Project Intro:

Regency Halls is a professional event management, elegantly designed venues, creative cuisine and impeccable service create the ideal conditions for all event types from corporate meetings or banquets to weddings and gala dinners thus making Regency Halls the ultimate choice for Doha’s elite.

My Work:

This website was built and finalized in 4 days from design to release. The client provided me with the materials and instructions, and I used jQuery to have those smooth sliding effects. The website has a gallery and contact page, aside from the regular pages. This website is bilingual, English and Arabic, and it is all tracked by Google Analytics.

Qatar National Library
(2012)
Website
Technology Used: FuegoCMS, jQuery
Project Intro:

Qatar National Library (QNL) is a non-profit organization under the umbrella of Qatar Foundation for Education, Science, and Community Development (QF). QNL is supporting Qatar in its journey from carbon-based economy to knowledge-based economy by providing resources to students, researchers, and the community in Qatar.

My Work:

Creating this website was a bit challenging due to the nature of the required hybrid mega menu, and the website structure. It has a micro-site for the (Arab and Islamic Heritage Collection) that displays a different design.

The website has a vertical sliding carousel, and it pulls news from the CMS to display them on the homepage, and in the different pages of the website.

Doha International Family Institute
(2012)
Website
Technology Used: FuegoCMS
Project Intro:

The Doha International Family Institute (DIFI), formerly known as Doha International Institute for Family Studies and Development (DIIFSD), was established by Her Highness Sheikha Moza Bint Nasser, Chairperson of Qatar Foundation for Education, Science and Community Development in 2006. The Institute has special consultative status with the United Nations Economic and Social Council (UNECOSOC).

My Work:

When DIFI was still DIIFSD, I helped build a website for it, but I don't have the design, or any more screenhots for it, except the homepage

Website Maintenance
Technology Used: FuegoCMS, jQuery
Project Intro:

Al Shaqab stands as an enduring tribute to the Arabian horse and the tradition of equestrian excellence that has co-evolved with this breed in Qatar. The range of equine disciplines and programs that Al Shaqab promotes ensures that the cultural legacy and appreciation of the Arabian breed are lovingly handed down in Qatar from generation to generation.

My Work:

My role in this project was to support the main developer. I worked mainly on debugging, and on creating specific tasks and pages. I also created banners in Photoshop and implemented them in HTML.

Qatar Biomedical Research Institute
(2012)
Website Maintenance
Technology Used: FuegoCMS, jQuery
Project Intro:

Qatar Biomedical Research Institute (QBRI) is a National Research Institute established by Qatar Foundation for Education, Science and Community Development, a private, non-profit organization that is supporting Qatar on its journey from carbon economy to knowledge economy.

My Work:

My role in this project was to support the main developer in their work. I created individual chunks of this website, mainly the task that each research paper needed to be presented in a page, with a working set of videos, and an image gallery of the event where that paper was presented.

Qatar Computing Research Institute
(2012)
Website Maintenance
Technology Used: FuegoCMS, jQuery, Virtual Tables
Project Intro:

QCRI supports Qatar Foundation’s mission by helping to build Qatar’s innovation and technology capacity. It is focused on tackling large-scale computing challenges that address national priorities for growth and development.

My Work:

My role in this project was to support the main developer in their work. I worked on QA testing, and debugging. I also created the "Our People" section where the staff are sorted by their department and name.

Qatar National Convention Center
(2012)
Website Maintenance
Technology Used: FuegoCMS, jQuery
Project Intro:

QNCC is the national convention center in Qatar. It is a member of Qatar Foundation for Education, Science and Community Development (Qatar Foundation). It aims to support Qatar on its journey from a carbon-based economy to a knowledge-based economy by unlocking human potential.

My Work:

My role in this project was to support the main developer in their tasks. I worked on debugging the website and loading content, as well as general subtasks.

Qatar Solar Technologies
(2012)
Website Maintenance
Technology Used: FuegoCMS, jQuery
Project Intro:

Qatar Solar Technologies (QSTec) is about enabling solar power by producing quality polysilicon for the ever expanding international solar energy markets. QSTec provides the building blocks of photovoltaic power that help reduce green house emissions and protect the environment for future generations.

My Work:

I assisted in this website by fixing the bugs that were caught in the QA testing. I also implemented the video gallery/lightbox. This website was different than the rest of the designs at that time, in the fact that the main menu was a left sliding vertical menu.

Social Development Center
(2012)
Website Maintenance
Technology Used: FuegoCMS, Static HTML, jQuery
Project Intro:

The Social Development Center (SDC) is a non-profit, social and development organization established in 1996 under the patronage of Her Highness Sheikha Mozah Bint Nasser, Chairperson of Qatar Foundation for Education, Science and Community Development.

My Work:

I created the homepage as HTML and passed the project to another colleague to import it into the FuegoCMS. I later worked on the project by fixing a couple of bugs in the menu, and I created the image gallery, and worked on general maintenance/debugging issues.

2011
Website
Technology Used: FuegoCMS, jQuery, Radio Streaming
Project Intro:

QF Radio broadcasts news from QF to the rest of Qatar and the region and works to explain to listeners exactly what is happening within Education City and the other centers to the wider-world.

My Work:

This website was very special in terms of design and importance. The design dictated that each of the main pages is full screen, and in a different color/background. The transition between each of the pages was to have a sliding effect. And there was a streaming link at the top to play and pause the live radio streaming of the station. The website had news and events, and image/video galleries.

Website
Technology Used: FuegoCMS, jQuery, Forms
Project Intro:

The Reyada Award, launched by the Social Development Center (SDC) is the leading entrepreneurship program in Qatar, designed to celebrate the Qatari Entrepreneur and the supporters of entrepreneurship through recognition and rewards.

My Work:

My role in this project was to create 3 huge application forms that interacted with the user selections.

Qatar Faculty of Islamic Studies
(2011)
Website
Technology Used: FuegoCMS, jQuery, Virtual Tables
Project Intro:

The Qatar Faculty of Islamic Studies was established to achieve intellectual plurality that emphasizes the richness and diversity of the Islamic heritage under the umbrella of Hamad Bin Khalifa University.

My Work:

This website was built using the FuegoCMS, and it features a carousel on the homepage, and callouts at the bottom that slide up when you hover over them. I also created 2 complex accordion style lists driven from the databases.

Center for Islamic Legislation and Ethics
(2011)
Website
Technology Used: FuegoCMS, JavaScript
Project Intro:

The Research Center for Islamic Legislation and Ethics (CILE) leads the reform and renewal of contemporary Islamic legal and ethical thought and behavior by contributing a sustainable ethical framework for addressing contemporary global challenges.

My Work:

This simple and clean design took me a day to create and implement.

Qatar Faculty of Islamic Studies - Conference Site
(2011)
Website
Technology Used: FuegoCMS, jQuery, Virtual Tables
Project Intro:

The "International Conference on Islamic Economics and Finance" is a conference held in Qatar every year to discuss new methodologies, frameworks, and datasets need to be explored to help inform policy. Sponsored by QFIS and HBK University.

My Work:

I built this website using the FuegoCMS, the most complicated part of it was to create an interactive Agenda. Where the content was loaded inside our databases using the Virtual Tables component, and then using the jQuery UI and jQuery, I was able to query the data and sort it in a tabbed view and in an accordion style.

Qatar Foundation Mobile Website
(2011)
Mobile Website
Technology Used: FuegoCMS, jQuery, jQuery Mobile
Project Intro:

Qatar Foundation for Education, Science and Community Development is a private, non-profit organization that serves the people of Qatar by supporting and operating programs in three core mission areas: education, science and research, and community development.

My Work:

Using the FuegoCMS's special ability to sniff out the user agent of any device, I was able to create separate templates of the QF website, and I used jQuery UI to build a separate mobile version of the website.

Website
Technology Used: FuegoCMS, jQuery
Project Intro:

The QF Achievers was an initiative from the Qatar Foundation to celebrate some distinguished members of the community in Qatar. Living up to their moto of building a knowledge-based economy by unlocking human potential.

My Work:

This was my first project with Fuego Digital Media, and I took over it from a colleague. We basically received this flash website, and we were asked to build it in HTML. So we build it locally and then we imported it into our proprietary CMS (FuegoCMS). The website had cool effects transitioning between the pages, and it had a hybrid menu that changes depending on which page you are on.

There was image galleries, videos, and live music playing with the ability to mute it. We also had custom built scrolling area to scroll the content, and the website was bilingual, English and Arabic. It was advertised all around Qatar.

Website
Technology Used: Joomla, jQuery
Project Intro:

Toujouri translates as treasure chest in Arabic. This is the website of the fashion designer Lama El-Moatassem. Travel and culture, vintage textiles, embroideries and brocades and, ways in which modern design can interpret these aesthetics inspire her.

My Work:

I have done a lot of work with jQuery on this site. The homepage featured models who would slide left and right, with the center one coming forward in a 3D effect. One of the inside pages had a requirement to display the design item, and have a magnifying zooming ability to look at the details of the design.

There was also an interactive map of the world, to showcase where those designs can be acquired.

2010
Website
Technology Used: Joomla, jQuery
Project Intro:

Silatech is a dynamic social initiative that works to create jobs and expand economic opportunities for young people throughout the Arab world.

My Work:

I built this website using the Joomla CMS, it was the biggest project I ever had at the time. The client required that the homepage has a carousel that can play videos, and that we display their news and publications also, in addition to a news ticker at the bottom.

There was several inside page designs, including one for the board of trustees and its members. There was an image gallery, a video gallery, and a download section. As well as several forms to contact them.

Firefly Communications
(2010)
Website
Technology Used: Static HTML
Project Intro:

Firefly Communications is a design house in Doha, Qatar. They own and operate several magazines, including "Sur La Terre", "The Edge", and "Villaggio". They also do print designs, and all kinds of advertisements.

My Work:

I built this static website to display info about the company, as well as the publications it had and portfolio.

Bin Omran Trading & Contracting
(2010)
Website Maintenance
Technology Used: Adobe Flash, ActionScript
Project Intro:

Bin Omran Trading & Contracting is a grade "A" Qatari contracting company, which specializes in the project management, construction, execution and Design-Build for road works and infrastructure projects.

My Work:

I worked on this project with another colleague from Firefly, my job was to update it regularly. It was done in Flash, so I used ActionScript sometimes. This website had an image gallery.

The Edge Magazine
(2010)
Website Maintenance
Technology Used: Adobe Flash, ActionScript
Project Intro:

The Edge is a business magazine targeting ambitious professionals operating within Qatar’s multi-sector business landscape.

My Work:

I took care of updating the flash every month to add the new issue of the magazine.

Website Maintenance
Technology Used: Adobe Flash, ActionScript
Project Intro:

As the crown jewel within an international treasure trove of elite, luxury lifestyle magazines, Sur la Terre Arabia is at the eye of the global sartorial storm. Internationally known and locally respected, SLT delivers the most exclusive coverage in high fashion, five-star travel, fine art, high-end automobiles, luxurious yachting and the most sought-after, status-affirming products to its V.V.I.P. readership.

My Work:

I took care of updating the flash every month to add the new issue of the magazine.

2009
Website
Technology Used: Joomla, PHP
Project Intro:

IT Creativity was a Web Design and Software Development company based in Qatar. It was established in 2009 by 2 passionate individuals, with a vision to grow and excel.

My Work:

I created this website as an umbrella for the web projects that me and my wife will take. I used Joomla 1.5 and PHP to build everything in it. It has an image gallery, a carousel, and a contact form.

Website
Technology Used: Static HTML
Project Intro:

TasmaWeb is the website of the Mayers family, that loved the beautiful island of Tasmania, Australia.

My Work:

Created as a static website, it uses HTML and CSS to display simple information about the family.