Muhammad Abdullah's Work | ContraWork by Muhammad AbdullahMuhammad Abdullah
Frontend Developer | Clean & Responsive Web Experiences
Zahnmedizin Lichtenstein — Premium Dental Practice Website
A dark-luxury themed website concept designed for a private dental practice in Berlin-Charlottenburg, built to showcase what a modern, high-end dental clinic website can look like.
Key Features:
• Dark Luxury design — deep anthracite tones with elegant blue & warm gold accents
• Full bilingual support (German/English) with instant language switching, no page reload
• Custom interactive appointment booking calendar with smart date validation
• Complete legal pages (Impressum, Datenschutz, AGB) — fully GDPR compliant
• Fully responsive design with smooth animations across all devices
Tech Stack: HTML, CSS, JavaScript
Workflow: Built using a modern AI-assisted development process, combining hands-on frontend expertise with AI tools for faster, high-quality delivery.
Live demo: https://musical-douhua-abefcf.netlify.app GreenHarvest — Organic Grocery Store Website
A responsive multi-page e-commerce website designed for organic grocery stores, fresh produce brands, supermarkets, and food businesses.
GreenHarvest features a clean shopping experience with modern UI, responsive layouts, interactive product sections, and smooth frontend interactions.
Built With
HTML5 · CSS3 · Vanilla JavaScript · Tailwind CSS · Font Awesome
Features
13+ responsive pages
Product filtering and sorting
Product detail pages
Shopping cart and checkout flow
Wishlist
Order tracking interface
Blog and blog detail pages
FAQ, About, and Contact pages
Light/Dark mode
Mobile, tablet, and desktop responsive design
Smooth animations and interactive UI
Link:
https://8422416231673.gumroad.com/l/GreenHarvest Meridian Electric Co. — Website Design & Development
A full marketing website built with plain HTML, CSS, and vanilla JavaScript — no frameworks, no libraries.
What's in the build:
7 pages via a custom hash-based client-side router: Home, About, Services, Projects, Service Area, Contact, and a multi-step Quote form
Dark navy/amber visual design with a custom typography-led layout
Vanilla JS (ES6+) features: scroll-reveal animations, animated number counters, a step-by-step process timeline, image carousel, accordion, before/after image slider, lightbox gallery, magnetic button effects, custom cursor, mobile menu, contact form handling, and quote wizard
Live demo: https://meridian-electric-co-nine.vercel.app/ PixelPulse is a fully interactive front-end e-commerce experience built with HTML, CSS (Tailwind), and vanilla JavaScript — designed to feel like a modern, production-grade shopping platform.
Key Features:
Dynamic Storefront — Hero banners adapt based on time of day (e.g. "Fresh Morning Deals" vs "Midnight Madness Offers"), giving the store a living, context-aware feel.
Live Category Filtering — Instant product filtering across Tech, Fashion, Accessories, and Sports & Gym without page reloads.
Dark / Light Mode — Seamless theme toggle that persists across the entire shopping journey.
Real-Time Cart Management — Add-to-cart updates the cart counter instantly, with quantity controls on the cart page.
Smart Checkout Flow — Payment method selection dynamically reveals the relevant fields (e.g. card details only appear when "Credit Card" is selected).
Fully Responsive UI — Clean grid layouts, product cards with ratings/discounts, and a polished multi-page navigation (Home, Shop, Categories, Deals, Cart, Checkout, Contact).
This project showcases front-end architecture for state-driven UI (cart state, theme state, filter state) entirely on the client side, with attention to micro-interactions and real-world e-commerce UX patterns.
Tech Stack: HTML5, Tailwind CSS, JavaScript (Vanilla)
https://8422416231673.gumroad.com/l/PixelPulseStore