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
-
Statamic
-
Laravel
-
Alpine JS
-
Javascript
-
Tailwind