Bakhtiar Aleem
Bakhtiar Aleem

Hi, I’m Bakhtiar Aleem

Principal Frontend Engineer with 10+ years delivering fast, accessible, and conversion-focused web apps and eCommerce solutions. Expert in React, Vue, Next.js, WordPress, Shopify, and Supabase. Helping teams ship beautiful products that scale.

Featured Projects

SaaS, eCommerce, and complex frontends.

Every Beats Count CPR - Project cover image

Every Beats Count CPR

Every Beat Counts is a compassionate educational platform dedicated to equipping everyday individuals with the confidence and ability to save lives. By making CPR, AED, and first-aid training accessible and engaging, it transforms ordinary users into everyday heroes.

WordPressCustom Theme Development
C & E Craft Co - Project cover image

C & E Craft Co

Platform: Shopify — core eCommerce platform for products, checkout, and order management

Theme Development: Custom Shopify Theme — built with unique layouts and brand-focused design

Frontend:

  • Liquid — Shopify’s templating language for dynamic pages and product rendering
  • HTML5 & CSS3 (SCSS) — responsive structure and mobile-first styling
  • JavaScript (ES6) — interactive elements like galleries, menus, and dynamic sections

Integrations: Shopify APIs & third-party apps for marketing, promotions, and analytics

Workflow & Deployment: Shopify CLI / Theme Kit with Git for version control and theme updates

Optimization: SEO-friendly structure, fast load times, and cross-device responsiveness

ShopifyCustom Theme Development
Lure Essentials - Project cover image

Lure Essentials

Platform: Shopify — the e-commerce backbone enabling product management, checkout flow, orders, and SEO.

Theme Development: Custom-built Shopify theme — crafted from scratch to reflect the Lure Essentials brand through tailored layouts and design.

Templating & Layouts:

  • Liquid — Shopify’s templating engine for dynamically displaying collections, product details, and navigation.
  • HTML5 & CSS3 (SCSS) — for structured content and responsive design, ensuring visual consistency across mobile, tablet, and desktop.

Interactive Behavior: JavaScript (ES6+) — powers custom UI interactions like navigation menus, sliders, and dynamic content sections.

Version Control & Local Workflow: Git integrated with Shopify CLI or Theme Kit — supports efficient local development, versioning, and seamless theme deployment.

App & API Integration: Shopify APIs and third-party apps — extend functionality for features like analytics, marketing, customer reviews, or email automation.

ShopifyCustom Theme Development
BioMat - Project cover image

BioMat

Platform: Shopify – powering product catalog, checkout, and e-commerce operations

Theme: Custom Shopify theme built with Liquid, HTML5, CSS3, and JavaScript

Frontend: Responsive design tailored to BioMat’s brand identity and wellness-focused product line

Interactivity: JavaScript for product carousels, dropdowns, and enhanced user experience

Integrations: Shopify APIs and apps for promotions, order management, and content sections

Optimization: Mobile-first approach, SEO-friendly Liquid templates, and performance-tuned assets

ShopifyCustom Theme Development
UltraLift Technologies - Project cover image

UltraLift Technologies

Platform: WordPress — a powerful and widely used content management system, ideal for flexibility in managing content, navigation, and media-heavy product pages.

Theme: Custom WordPress theme — carefully designed and developed to reflect UltraLift's industry-focused branding, providing a tailored UI with company-specific styling.

Frontend Tech:

  • PHP (WordPress Templating): Powers dynamic page rendering including custom post types like product catalogs and support pages.
  • HTML5 & CSS3: Structured markup with responsive layout design for optimal display across screens.
  • JavaScript / jQuery: Enhances interactive user experiences—likely used in features like image sliders, menu interactivity, and embedded media.

Plugins & Integrations:

  • SEO plugins for search optimization.
  • Contact forms for lead generation.
  • Possibly brochure downloads or video embedding functionalities for product demonstrations and support.

Database: MySQL — the default backend for storing site content, pages, metadata, and user interactions.

Workflow & Deployment: Git for version control, enabling structured development and controlled updates from staging to live.

Performance & SEO Optimization: Clean code base, image/media optimization, and caching enhancements for faster load times and enhanced discoverability.

WordPress
Al Faisal Oud - Project cover image

Al Faisal Oud

Platform: WordPress — CMS powering the storefront with flexible content management

E-Commerce: WooCommerce — product catalog, shopping cart, checkout, and order handling

Frontend:

  • PHP (WordPress Core + Theme Development) — custom templates and business logic
  • HTML5 & CSS3 (SCSS) — responsive, mobile-first layout and styling
  • JavaScript / jQuery — interactive elements, sliders, and dynamic components

Theme Development: Custom WordPress Theme — designed and developed for brand-specific layouts and styling

Plugins & Integrations: WooCommerce extensions, SEO tools, payment gateways, and marketing add-ons

Database: MySQL — powering WordPress and WooCommerce data storage

Hosting & Deployment: Cloud/VPS hosting with WordPress-optimized stack (Apache/Nginx + PHP + MySQL)

Version Control & Workflow: Git for source management, with staging → production deployment

Optimization: SEO-friendly structure, caching, and performance tuning for fast load and smooth UX

WordpressWoocommerce
Booking POS - Project cover image

Booking POS

Frontend: React.js — modern, component-based UI with responsive design and seamless user interactions

Backend & Database: Supabase — authentication, database (PostgreSQL), and real-time APIs for managing bookings and tenant-specific data

Architecture: Multi-tenant structure — isolated tenant data and configurations for scalability and security

Authentication: Supabase Auth — secure user sign-up, login, and role-based access control

State Management: React Context API / Hooks — handling session state, tenant context, and booking flows

APIs & Real-Time: Supabase Realtime — live booking updates, availability sync, and instant changes across tenants

Deployment: Vercel — optimized for React apps with CI/CD workflow for fast, reliable deployments

UI/UX: Tailwind CSS — clean, modern, and fully responsive interface for a smooth booking experience

ReactTailwindCssSupabase
Hospitrack - Project cover image

Hospitrack

HospiTrack Tech Stack — Hospital Management System

  • Tech Framework: Built using Next.js, harnessing the power of React with server-side rendering and static optimisation for blazing-fast performance and SEO.
  • Interface: Designed with Tailwind CSS for a clean, responsive, and scalable UI that works seamlessly across devices — from dashboards to mobile.
  • Motion & Feedback: Utilized Framer Motion to deliver smooth animations, transitions, and micro-interactions — enhancing data clarity and user experience (e.g., dashboard loading animations, button hovеrs).
  • Data Handling & APIs: Integrated with Supabase, offering a PostgreSQL database, real-time subscriptions, and built-in authentication — simplifying secure, real-time data management.
  • Reporting & Analytics: Custom analytics dashboards capture key metrics like OPD queues, billing cycles, and patient flow, empowering informed decision-making.
  • Authentication & Access Control: Leveraged Supabase Auth for secure user authentication and role-based access control, ensuring physicians, admins, and nurses access appropriate data.
  • Deployment Platform: Hosted on Vercel, tapping into global CDNs and edge capabilities to ensure low latency, fast response times, and seamless deployments.
  • UI Design Assets: Built with React Icons well-integrated to represent healthcare actions and data storytelling.
NextJsMariaDBTailwindCss
AlarmBand - Project cover image

AlarmBand

CMS & Framework: Developed on WordPress, leveraging its flexibility for custom development and content management. E-Commerce Platform: Powered by WooCommerce, enabling secure product management, cart, and checkout workflows. Theme & Builder: Customized with the Avada theme, taking advantage of its responsive grid system and design flexibility. Styling & Layout: Enhanced with custom CSS for fine-tuned branding and responsive design. Plugins & Extensions: WooCommerce extensions for payment gateways and shipping SEO optimization plugins for discoverability Caching & performance tools for speed optimization Hosting & Deployment: Hosted on a WordPress-optimized environment with CDN for global performance. Analytics & Tracking: Integrated with Google Analytics and Facebook Pixel for marketing insights.

WordpressWoocommerce

Skills

A snapshot of my toolkit.

Html
Front End
Html
Level: 70
Css
Front End
Css
Level: 70
Wordpress
CMS Custom Theme Development
Wordpress
Level: 60
Shopify
CMS Custom Theme Development
Shopify
Level: 60
Vue
Full Stack
Vue
Level: 55
React
Full Stack
React
Level: 55
Javascript
Front End
Javascript
Level: 55

Experience

Roles and projects I've contributed to.

Principle Software Engineer (Front End)

OfficeFiledMarch 2023 - May 2025

Sr.Front End Engineer

CygnisJanuary 2019 - February 2023

Front End Engineer

CygnisNovember 2017 - December 2018

Sr. WordPress Backend Executive

BrandiansMarch 2017 - November 2017

WordPress Developer

AimvizMarch 2016 - March 2017

UI/UX Developer

DSmart SolutionsJanuary 2015 - December 2015

Latest Articles

Thoughts on React, Vue, Shopify, and more.

Every Startup Has the Same Hidden Challenge - Blog post

Every Startup Has the Same Hidden Challenge

It’s not raising funds. It’s not building an MVP. It’s not even finding customers.

Sep 8, 2025
Ecommerce = Breaking Borders - Blog post

Ecommerce = Breaking Borders

One of the most powerful shifts in business over the last decade is how web development and digital platforms erased geographical limits.

Sep 7, 2025
From Old Methods to New Ways in Web Development - Blog post

From Old Methods to New Ways in Web Development

When I started in web development, things were very different: We wrote static HTML pages for every section of a site. CSS grids didn’t exist — we used tables for layouts. Every dynamic feature relied on jQuery hacks.

Sep 6, 2025

Let’s build something great

Available for freelance & remote opportunities.