profile picture

Hi there, world.

My name is Aim Diab and I'm a Full-Stack Web Developer with 9+ years in Websites, Tech and Online Media. This is my portfolio. Contact info and resume here.

Highlights

I've made 3 Content Management Systems (CMS) of my own, featuring front-end editing tools. Experienced in developing custom WordPress themes and plug-ins. Extensive relational database management experience with MySQL. Proficiency in JavaScript and CSS libraries / frameworks including Node, Angular, Bootstrap and JQuery and CSS animation.

Graphic Design & UI / UX Design

For my design work, see my designer portfolio here.

Projects

...and what I learned from them.



Half-Empty Studios CMS and Online Store

screenshot image

Overview

Code Example

See the Pen Half Empty Studios Static Website Design by Aim Diab (@AimDiab) on CodePen.

Please change the zoom on this Codepen to 0.5x for the best view of the full design.

Features

Easy to use and conveniently located front-end content management tools such as create, edit, and delete.

screenshot image

Here's an example of how I achieved front-end editing in my CMS.

PHP:

An html-enabled post editor which I later extended into a WYSIWYG editor with my own tag parsing functions.

screenshot image

Here's the some code examples of my WYSIWYG editor and tag parsing function.

See the Pen A simple WYSIWYG I made by Aim Diab (@AimDiab) on CodePen.

PHP:

An online store running on Zencart with a custom template styled to match the rest of the website.

screenshot image

Technologies

HTML5, CSS3, PHP, MySQL, Javascript, JQuery, Zencart

Accomplishments

I was invited to apply for an internship at the alumni-owned game development company, Half Empty Studios, while I was a Junior in University. A friend had gave me a good referral for my web development expertise and they were looking for someone to build their website. I completed the project in 1 month and went on to design the user interface for the game: Chemical Cubes. (Android/iOS; 2013)


Aliens & Turrets AR App Landing Page

Overview

Features

Here's an example of how I accomplished the background animation:

See the Pen CSS Flying Space Background by Aim Diab (@AimDiab) on CodePen.

A creative Sci-Fi themed "computer console" design with a scrolling space background. A slick multi-page design with social media and app store/google play download links. The design is responsive and everything scales down to mobile screens. Using media queries, the appropriate resolution background image is selected and loaded to keep the animation smooth and the load time low.

screenshot image

The news page populates with the most recent posts from the company WordPress site that are tagged with the "Aliens & Turrets" tag. I query the database using PHP and MySQL and fetch the post titles, descriptions, date and post body for use on this page.

screenshot image

Technologies

HTML5, CSS3, PHP, MySQL

Accomplishments

Created a website that really pops and stands out from most static app landing pages with impressive but lightweight CSS-driven animation. Leveraged WordPress data externally to populate the news feed with relevant updates. Reached over 1000 pageviews with a clickthrough rate of 64% to the app store pages.


HuntAR Wordpress Site

screenshot image

Overview

Features

A navigation bar complete with JQuery-based smooth scrolling to the different sections of the single page design. screenshot image A fresh and unique design with an appealing use of negative space. screenshot image A responsive image carousel/slider displaying several app screenshots. screenshot image A clean and concise footer section with contact and social media links. screenshot image You can view the full design here.

Technologies

WordPress, HTML5, CSS3, Javascript, JQuery

Accomplishments

My C.E.O. wanted to use WordPress so that non-tech savvy members of the team and advertising partners could create and modify content. He was using a publicly available theme purchased from ThemeForest. I was able to convince him to allow me to design and develop a custom WordPress theme for the website so we could meet his requirements while also having an original design that could be shaped to better serve and represent the company.


Online Medical Records CMS

screenshot image

Overview

Features

A secure login system with database-logged sessions in addition to cookies.

screenshot image

Here's a code example of how I accomplished the login system.

PHP:

Appointment scheduling tools.

screenshot image

An appointment calendar with a ready-to-print quick reference table.

screenshot image

Patient medical history records.

screenshot image

A robust search algorithm with auto-complete.

screenshot image screenshot image

Doctor's visit (encounter) forms and records.

screenshot image

Technologies

HTML, CSS, Javascript, JQuery, JQueryUI, PHP, MySQL

Accomplishments

I developed an entire CMS in one month and gained valuable experience in complex database architecture, PCI compliance and SSL. This was my biggest contract when I was freelancing part-time as a junior in high school.


SylfeDreams Online Community

screenshot image

Overview

Features

Every user had a personal character called an avatar which they could customize with different clothes and hairstyles. We used Javascript to layer different .PNG files on top of each other while editing, and PHP to merge all the images upon clicking save into a single .PNG file.

Incentivized posting created user-generated content and fostered a community of active users. By posting, users would earn virtual currency which they could use to purchase items for their character or gift to other users.

screenshot image

Shops where you could spend the virtual currency (called "Sylver") on items for your character. Every user also had the ability to create their own personal shop to resell items they no longer wanted.

screenshot image

PHP-driven luck-based games for some extra entertainment.

screenshot image screenshot image

Customization and personalization are key features that attract users to join and participate in the forums.

Technologies

HTML, CSS, Javascript, phpBB, PHP, MySQL

Accomplishments

This was the first website I created when I was 14 years old. I learned how to work with other people's code from creating mods and custom templates for phpBB. I learned how to run a community, how to market a product and grow the userbase. I learned PHP and MySQL, site hosting and migration, and database management practices. I would later leverage these back-end skills with my HTML and CSS knowledge to become a freelance web developer.


connect with me

linkedIn badge twitter badge my blog

or email me instead

finale

Thanks for checking out my work, I really appreciate it. :)