Medad Al Qemam Contracting
- React 18
- TypeScript
- Vite
- Tailwind CSS
- GSAP
- Three.js
- i18next
- Supabase
A premium, highly interactive corporate web platform for a leading contracting company in Saudi Arabia. Built to showcase civil engineering capabilities and large-scale infrastructure projects, it features immersive 3D/WebGL experiences that reflect the company's alignment with Saudi Vision 2030.
Key Features & Implementations:
- Dynamic Hero Sections: Custom WebGL components using Three.js for a premium, interactive first impression.
- Scroll & Micro-Animations: Leveraged GSAP for complex scroll-based reveal effects, enhancing user engagement without sacrificing performance.
- Built-in Internationalization (i18n): Seamless language switching with robust RTL (Right-to-Left) support tailored for the Saudi market.
- Performance Optimization: Utilized Vite bundling, lazy loading, and asset optimization for lightning-fast HMR and minified production builds.
My Role & Implementation:
I built the entire front-end of this corporate platform from scratch using React 18 and TypeScript. My primary focus was on creating a premium, high-performance user experience, integrating complex Three.js and GSAP animations while ensuring the site maintains exceptional loading speeds and responsiveness.
Target Audience:
Clients and partners seeking cutting-edge civil engineering and large-scale infrastructure services within the Kingdom of Saudi Arabia.