My personal website

My personal website was for a long time Wordpress based and since I wanted more customizing flexibility, I decided to migrate to a Laravel based CMS and I discovered Statamic

My approach included the following steps:

  • Creating a new graphic identity and theme including light and dark modes

  • Ensuring responsiveness website wide for Phone, Tablet and desktop modes

  • Creating Typewriting effect in the homepage

  • Creating specific thumbnail format for each screen mode per image on the fly

  • Creating custom image/video carousel for project showcasing

  • Translating former arabic articles using OpenAI

  • Transcribing former arabic videos using Google Cloud

  • Creating specific blueprints (custom fields) for each section

  • Implementing SEO (Search Engine Optimization) building tools: Generate sitemap, Social Media sharing, etc.

  • Implementing automatic AI generation for Title and Description fields using OpenAI

  • Creating a comment section

  • Creating search feature with keyword highlighting

Development tools

  • StatamicStatamic
  • LaravelLaravel
  • Alpine JSAlpine JS
  • JavascriptJavascript
  • TailwindTailwind