Projects

A selection of web applications, WordPress solutions, LMS platforms and front-end development projects built with a focus on performance, usability and maintainability.

⇲ React

⇲ Featured

FlowDeck

Airbus A320 Checklist App

React • JavaScript • Local Storage • UI/UX Design

A React-based aviation checklist application inspired by Airbus A320 procedures, featuring interactive workflows, progress tracking, and responsive design.

• Built with React
• Progress Tracking & Phase Locking
• Local Storage Persistence
• Responsive User Interface

View Case Study

Launch App

⇲ LMS

⇲ Enterprise

Skill Forge Academy

Enterprise LMS Implementation

WordPress • LearnDash • ACF • SSO • SCORM • User Management Tools

A professional LMS case study demonstrating the end-to-end implementation of a Learning Management System using WordPress and LearnDash. Showcasing course management, user onboarding, reporting, and administrator training based on real-world implementation workflows.

• Course Structure & Learning Paths
• User & Group Management
• Administrator Training
• Progress Reporting & Analytics

View Case Study

⇲ Gutenberg

⇲ Design System

Craft Web Studio

Custom Gutenberg Website

WordPress • Gutenberg • Figma • Responsive Design • UI/UX Design

A custom-designed agency website created in Figma and developed with WordPress Gutenberg, focusing on minimal design, usability and performance.

• Custom UI Design
• Design System Thinking
• Gutenberg Development
• Conversion-Focused Layouts

View Case Study

Visit Website

⇲ WooCommerce

⇲ Client Project

Leder Shoes

WooCommerce Solution for a Local Footwear Store

WordPress • WooCommerce • SEO • GDPR • Performance Optimization

A collaborative WooCommerce project for a local footwear retailer, focused on delivering a secure, production-ready online store. My role included technical implementation, payment integration, SEO, GDPR compliance, performance optimization, and client onboarding.

• WooCommerce Store Configuration
• Secure Payment Integration
• Product & Inventory Management
• Client Training & Handover

View Case Study

Visit Website

⇲ React

⇲ AI Powered

H:Fit

Personalized Home Fitness Training App

React • TypeScript • Tailwind CSS • UI/UX Design • AI-Assisted Development

A personalized home fitness application that generates structured workout routines based on user preferences, equipment and training goals. Built with React, TypeScript and an AI-assisted development workflow.

• AI-Assisted Development
• Workout Generation Logic
• Custom UI & Design System
• Responsive Mobile Experience

View Case Study

Launch App

⇲ WordPress

⇲ UI Design

Noir Wellness

Custom WordPress & Elementor Website

WordPress • Elementor • HTML5 • CSS3 • Responsive Design

Custom-built wellness coaching concept website. Developed from scratch using WordPress, the Hello Elementor theme and Elementor’s Flexbox Containers.

• Custom UI Design
• Design System Thinking
• Conversion-Focused Layouts
• Mobile Optimization

View Case Study

Visit Website

⇲ Gutenberg

⇲ Custom Development

FAQ Block

Custom FAQ Block for WordPress Gutenberg

React • JavaScript • Gutenberg API • SCSS • Node.js

Custom Gutenberg block built with React. Developed to provide a complete FAQ management workflow with an interactive frontend experience.

• Rich Text Editing
• FAQ CRUD Operations
• Interactive Accordion UI
• Gutenberg Block Controls

View Case Study

Live Demo

⇲ JavaScript

⇲ Interactive

Learning Quiz App

A Simple Quiz Application Inspired by LMS Platforms

HTML5 • CSS3 • JavaScript (ES6+) • JSON • Fetch API

Inspired by my experience with Learning Management Systems, this project explores the core logic behind a quiz engine using Vanilla JavaScript. It focuses on state management, dynamic rendering, and asynchronous data loading.

• Interactive Quiz Engine
• Progress & Score Tracking
• Responsive User Interface
• Asynchronous Data Loading

View Case Study

Launch App

⇲ JavaScript

⇲ Productivity

Habit Tracker

A Vanilla JavaScript Case Study

HTML5 • CSS3 • JavaScript (ES6+) • Local Storage • DOM API

A Vanilla JavaScript habit tracker focused on daily consistency, streak tracking and localStorage persistence. Built as a case study to strengthen core frontend development concepts.

• Vanilla JavaScript Architecture
• Dynamic DOM Rendering
• Habit Streak Logic
• Persistent Browser Storage

View Case Study

Launch App