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

The rebuild included

  • A new graphic identity and theme including light and dark modes

  • A typewriting effect in the homepage

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

  • A custom image/video carousel for project showcasing

  • A specific blueprints (custom fields) for each section

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

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

  • A comment section

  • A search feature with keyword highlighting

  • A Table Of Contents generation tool for articles

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

  • Translating former arabic articles using OpenAI

  • Transcribing former arabic videos using Google Cloud

Development tools

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