A carregar / Loading
>_andre.portfolioLet’s talk

~/ Hello, world. I’m André.

Ideas into code.
Experiences
with purpose.

// Creative developer & problem solver

A developer with a designer’s eye. I turn complex problems into simple, fast digital experiences with personality.

Explore projects>_Open terminal
CONNECTED TO THE WORLD+
● Lisbon, Portugal38.72° N, 9.14° W / profile

With permission. Coordinates are never saved or sent.

Available for new challenges
design meets development main
scroll to explore

>_ INTERACTIVE PLAYGROUND

A little code.
A lot of me.

I prefer showing to explaining.
Explore my world, one command at a time.

Try:
visitor@andre-portfolio: ~

André Gonçalves v1.0.0

Welcome to my little corner of the internet.
Type "help" to explore. Curiosity is welcome.
local sessionTAB autocomplete / ↑↓ history
const developer = {  name: "André Gonçalves",  drivenBy: ["curiosity", "coffee"]};

01 / BEHIND THE CODE

More than
semicolons.

I like understanding how things work. And imagining how they could work better. Between interfaces, systems, and interactive experiences, I find my favorite place to create at the intersection of design and code.

I believe in readable code, intentional details, and products that make sense to the people using them. From the first sketch to the last commit.

Driven by curiosity (and coffee).

02 / SELECTED WORK

Code that comes to life.

A selection of ideas turned into digital experiences.

01 / DASHBOARD / WEB APP2026

Complex data. Simple decisions. A fresh perspective on analytics.

Next.jsTypeScriptTailwindconcept

DASHBOARD / WEB APP / 2026

Orbit Analytics

An analytics platform concept that turns scattered metrics into a clear business overview. The exploration focuses on visual hierarchy, accessible charts, and interfaces that help people make decisions.

  • Responsive dashboard with data visualization
  • Visual system focused on readability
  • Demo concept, with no real data or backend
Next.jsTypeScriptTailwind

Example project showcasing the portfolio.

02 / DESIGN SYSTEM / OPEN SOURCE CONCEPT2026

A shared language between design and code. Built to scale.

ReactTypeScriptCSSconcept

DESIGN SYSTEM / OPEN SOURCE CONCEPT / 2026

Forma Design System

An exploration of a consistent, expressive component library. Color tokens, typography, and interaction states create a reusable foundation for digital products.

  • Design tokens and reusable components
  • Accessible focus states and contrast
  • Demo UI library concept
ReactTypeScriptCSS

Example project showcasing the portfolio.

03 / PRODUCT DESIGN / DEVELOPMENT2025

Less noise. More focus. A space to bring the next ideas to life.

Next.jsMotionTailwindconcept

PRODUCT DESIGN / DEVELOPMENT / 2025

Flow Workspace

A workspace concept for creative teams. A visual board organizes ideas and tasks while keeping what matters most in sight: creating.

  • Visual board to organize work
  • Microinteractions with reduced motion support
  • Demo concept, with no remote storage
Next.jsMotionTailwind

Example project showcasing the portfolio.

* Demo projects. Real ideas start with a conversation.

03 / TOOLKIT

Tools of the trade.

The right technology for each idea. Always eager to learn.

01 / FRONTEND

  • ↳ React
  • ↳ Next.js
  • ↳ TypeScript
  • ↳ JavaScript

02 / INTERFACE

  • ↳ Tailwind CSS
  • ↳ CSS / Sass
  • ↳ Motion
  • ↳ Figma

03 / WORKFLOW

  • ↳ Git / GitHub
  • ↳ VS Code
  • ↳ Vercel
  • ↳ Vitest
// It’s never just about the stack. It’s about what I build with it._

04 / WHAT’S NEXT?

Open to new possibilities

The next idea
could be yours.

Have a project in mind, a question, or just want to say hello? My inbox is open.

© 2026 André Gonçalves/Made with intention.Next.js + coffee + curiosityBack to top