Andy

E-commerce looks simple from the outside — browse, add to cart, pay. But build one yourself and the decisions start stacking up fast: how to handle layout across devices, which payment providers to support and how to swap them out by region, how much control to hand to the client without letting them wreck the store. This project is a walkthrough of those choices.

Payments are tricky — PayPal dominates in the US, Stripe is the go-to across Europe, and sometimes neither fits: local regulations or bank requirements mean you need a direct integration with a specific acquiring bank. So the payment layer is built to be swappable — plug in whatever fits your market.

110 properties across 22 Lisbon districts — real addresses, real coordinates. The filter bar covers deal type, property kind, bedroom count, and price. Price goes beyond presets: choose Custom and a range slider appears, letting you dial in the exact ceiling. Every filter lands instantly: the list and the map update together, no submit, no reload.

Filters cover price and type — but not geography. A draw tool handles that: trace a polygon around a neighborhood or drop a radius on any point, and the listing panel clips to exactly what falls inside. On the same map, a price heatmap layers value density across the city, making it easy to see where things get expensive and where the deals concentrate before clicking a single card.

Stack Overflow publishes developer survey results every year — 65,000 respondents, 185 countries, data going back to 2017. The raw numbers are public but they're not easy to read. I took that dataset and built an interactive dashboard around it: 16 chart panels across six topic areas — languages, tech stack, AI adoption, salaries, developer profiles. The layout is built on dockview so panels are draggable and resizable, and six presets let you reconfigure the whole view in one click.

A multi-panel resizable dashboard works on a wide screen. On a phone it falls apart. Instead of squashing the layout or hiding panels behind menus, mobile gets an entirely different interaction model: full-screen charts swiped left and right within a topic, and up and down to switch between topics. The data is the same, the year range controls work the same — the navigation is just built for thumbs instead of a mouse.

Most booking demos open straight to a form. This one starts with a landing page — because clients don't arrive at the calendar directly. They come via a link, a referral, a Google search. They need to be sold on the service before they pick a date. So the demo opens as a full brand: hero, services, brand story. The booking form is one click away, not the first thing you see.

After booking, all your appointments live in one place. The barbershop leaves notes on each session — who your master is, what to expect. You can add your own notes too. And if plans change, cancelling is one click with a quick confirm so you don't do it by accident.