Work & Projects
Every application built with clean architecture, robust type safety, real API data, and responsive design.
Complete Portfolio
Production web apps, SaaS platforms, high-performance dashboards, and editorial marketing sites.
A full-stack e-commerce store for audio and tech gear, with separate dashboards for customers, sellers, moderators, managers and admins. Features a product catalogue with detail pages and reviews, a saved cart drawer, Stripe checkout confirmed by a webhook, Clerk sign-in with role-based access, seller tools for products, orders and sales charts, and an admin panel for user roles, site settings and audit logs.
A fast, dark-themed crypto dashboard that shows live market data, trending coins and interactive price charts. Features live coin prices from the CoinGecko API, coin search, a detail page for each coin, a tokens page, TradingView candlestick charts and Recharts area charts, sortable drag-and-drop data tables, and a 3D animated background built with React Three Fiber.
An instant screen recording and video management platform built for speed. Features cloud storage uploads, real-time security, organized video library management, and global content delivery.
A live prediction-market explorer built on the public Polymarket API. Features a featured market with a Yes/No price chart, a hot-topics list ranked by volume, a grid of trending markets that refreshes every 30 seconds, category tabs and search, market detail pages with an order book, top holders, trades and comments, and an accuracy page that scores how well past market prices predicted the result.
A free invoice generator that builds a professional invoice, tax invoice or proforma in four steps and downloads it as a print-ready PDF, with no sign-up. Features a live preview of the real PDF, four templates with accent colours and fonts, taxes, discounts and shipping worked out to the exact cent, drafts saved in the browser, share links that keep the invoice in the URL, and optional Clerk accounts that save your business details.
A clean, organic, and high-performance management console built with Next.js, TypeScript, and Tailwind CSS. Features real-time revenue analytics, order tracking, customer growth metrics, traffic source breakdown, and inventory management.
A full-stack JWT authentication app that shows the complete auth flow from start to finish: signup, login, protected routes and sessions that stay logged in. Features validated signup with bcrypt password hashing, signed tokens that expire after a day, Express middleware guarding a protected profile API, and a React Auth Context with an Axios interceptor that keeps the session alive across page reloads.
Foundational infrastructure and marketing platform for deterministic agentic intent. Features multi-section marketing landing experience, searchable blog with Sanity CMS content layer, and hardware-rooted cryptographic proof storytelling for autonomous workflows.
Free image tools that run entirely in the browser, so no photo is ever uploaded. The compressor sets quality from 5% to 100%, resizes by percentage or exact width, saves as JPEG, PNG or WebP, handles several images at once and shows the original and compressed versions side by side. The cropper supports free and fixed aspect ratios, exact pixel sizes and rotation. The landing page covers the features, a three-step how-it-works section, the privacy story and free pricing.
A marketing site for Evro, an AI coaching product that helps employees work together better and gives HR teams proof that it works. Features a bold condensed-type hero, a header that switches between light and dark to match the section behind it, an autoplaying use-case slider with a progress bar and pause button, a comparison table against EXP, LMS and coaching tools, a data-driven FAQ, and privacy and terms pages.
A modern marketing website for a premium botanical wellness brand, showcasing sustainable products through immersive storytelling, refined animations, responsive design, and exceptional performance. Built with a scalable React architecture and a clean Scandinavian-inspired interface.
A haute couture fashion house site built as a digital lookbook, where numbered runway looks, editorial typography and a restrained cream-and-amber system carry the brand instead of decoration. Features a scroll-revealed collection archive, an animated craft marquee, Clerk-backed client accounts, and a validated private-commission enquiry flow that writes straight into Airtable for the atelier to work from.
A dark, editorial portfolio for a creative director that doubles as a storefront for UI templates. Features a script-display type system held against wide-tracked micro-copy, GSAP scroll sequences, an animated skills and proficiency section, an alternating career timeline, and priced template cards that sit alongside the case-study work without competing with the hire-me call to action.
A high-fidelity, cyberpunk-themed landing experience built with no framework and no build step. Features an interactive Three.js wireframe globe that tracks the cursor, GSAP scroll-triggered reveal sequences, a custom dual-layer cursor, and an animated grid backdrop that adapts cleanly down to mobile.
A premium marketing website crafted to increase conversions through psychology-driven UX, lightning-fast performance, responsive layouts, reusable components, and technical SEO best practices for modern businesses.
An early practice project: a landing page for a learning platform built around hands-on projects. Features a dark hero with a 3D letter illustration and floating streak and progress cards, colour-coded course cards with difficulty levels, progress bars and locked states, a promo section, and a searchable HTML reference page that marks deprecated and experimental elements.
A Vue 3 practice project: a neon, high-contrast landing page for a digital growth agency. Features a hero with scan-line gradient lettering and a live growth snapshot card, a scrolling hollow-text marquee, generated wireframe terrain dividers, Swiper sliders for testimonials and case studies, a contact form, and a stats section.
A React practice project: a dark, neon AI image generator powered by Pollinations.ai, with no backend and no sign-up. Type a prompt or pick a style chip, auto-enhance it with one click, and the result joins a gallery saved in Local Storage. Features a script-lettered hero, a paginated inspiration gallery with retry on failed images, a full-screen preview with download, a cookie consent popup and a live Chart.js system load widget.
Let's Build Something Great
Start with a free 30-minute call, then get a written plan and a fixed price for the web app, dashboard or landing page you need.
Or email me at abdulmanan.devs@gmail.com
'%3e%3cg%20filter='url(%23filter0_i_236_260)'%3e%3cpath%20d='M80.6976%2011.9255L101.649%2051.1629C103.616%2054.8473%20104.6%2056.6894%20105.998%2056.7247C107.396%2056.7601%20108.271%2054.9648%20110.022%2051.3743L117.747%2035.5281C118.368%2034.2542%20118.678%2033.6173%20118.663%2032.9085C118.647%2032.2001%20118.307%2031.5408%20117.628%2030.2223L106.268%208.17499C105.593%206.86361%20105.255%206.20806%20104.71%205.82161C104.165%205.43551%20103.505%205.38433%20102.186%205.28178L84.8684%203.93764C80.9822%203.63616%2079.039%203.48552%2078.335%204.83387C77.6309%206.18209%2078.6533%208.0966%2080.6976%2011.9255Z'%20fill='url(%23paint0_linear_236_260)'/%3e%3c/g%3e%3cg%20filter='url(%23filter1_i_236_260)'%3e%3cpath%20d='M23.4661%204.05798L2.93702%2044.9964C0.759736%2049.3382%20-0.328915%2051.5092%200.497818%2053.14C1.32455%2054.7709%203.52026%2054.7837%207.9117%2054.8095L21.5239%2054.8893C23.181%2054.8992%2024.0097%2054.9038%2024.6891%2054.4532C25.3685%2054.002%2025.7731%2053.1788%2026.5823%2051.5324L33.647%2037.1577C35.8141%2032.7485%2036.8977%2030.5436%2038.5614%2030.5187C40.225%2030.4936%2041.3595%2032.6649%2043.6282%2037.0072L51.1705%2051.4428C51.987%2053.0056%2052.3954%2053.7867%2053.0561%2054.2156C53.717%2054.6443%2054.5154%2054.6461%2056.1127%2054.6493L76.6949%2054.6915C78.3307%2054.6948%2079.1484%2054.6964%2079.8207%2054.2528C80.4932%2053.8094%2080.8986%2053.0008%2081.7095%2051.3838L92.0302%2030.8025C92.8343%2029.199%2093.2364%2028.3972%2093.2331%2027.5189C93.23%2026.641%2092.8215%2025.8432%2092.0055%2024.2477L84.9542%2010.4661C82.7191%206.09769%2081.6015%203.91344%2079.9371%203.92164C78.2728%203.92983%2077.172%206.12498%2074.9703%2010.5155L71.3191%2017.7967C69.1132%2022.1956%2068.0103%2024.395%2066.3443%2024.4015C64.6777%2024.4079%2063.5617%2022.2168%2061.3299%2017.8352L53.9367%203.32003C53.0967%201.67059%2052.6766%200.846265%2051.983%200.407144C51.2895%20-0.0325442%2050.4526%20-0.00390012%2048.7789%200.0533976L28.2976%200.75307C26.7195%200.807101%2025.9304%200.834116%2025.2854%201.27521C24.6402%201.71653%2024.2488%202.49717%2023.4661%204.05798Z'%20fill='url(%23paint1_linear_236_260)'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_i_236_260'%20x='78.1133'%20y='3.7334'%20width='41.55'%20height='53.9917'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dx='1'%20dy='1'/%3e%3cfeGaussianBlur%20stdDeviation='2'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='arithmetic'%20k2='-1'%20k3='1'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.3%200'/%3e%3cfeBlend%20mode='normal'%20in2='shape'%20result='effect1_innerShadow_236_260'/%3e%3c/filter%3e%3cfilter%20id='filter1_i_236_260'%20x='0.221191'%20y='0.0214844'%20width='94.012'%20height='55.8706'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dx='1'%20dy='1'/%3e%3cfeGaussianBlur%20stdDeviation='2'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='arithmetic'%20k2='-1'%20k3='1'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.3%200'/%3e%3cfeBlend%20mode='normal'%20in2='shape'%20result='effect1_innerShadow_236_260'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_236_260'%20x1='-12.1462'%20y1='-50.2852'%20x2='77.983'%20y2='-84.1097'%20gradientUnits='userSpaceOnUse'%3e%3cstop/%3e%3cstop%20offset='1'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_236_260'%20x1='-112.116'%20y1='-76.8129'%20x2='54.0297'%20y2='-115.317'%20gradientUnits='userSpaceOnUse'%3e%3cstop/%3e%3cstop%20offset='1'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_236_260'%3e%3crect%20width='119'%20height='57'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
