Marcos Costa
Home
Projects
About
Contact
Resume

Software EngineerProduct Designer

From design to code, digital products crafted with attention to every detail of the experience.

React · Next.js · TypeScript · Accessible Interfaces

My Work

A glimpse of what I’ve been creating.

Five iPhone screens of the Atlas Money app: a welcome screen, monthly income input, a financial diagnosis with a 95/100 score and goal breakdown, an AI financial advisor chat with savings tips, and a simulation history list.

Atlas Money

Desktop and mobile views of the E Advocacia landing page hero section, with a serif headline "Strategic legal advisory focused on results" beside a photo of three lawyers, and a "Talk to a lawyer" button.

E Advocacia

See more

About Me

I'm a Developer and Designer with a Bachelor's in Computer Science. My work is about turning ideas into clear, intuitive, and well-built digital products, working across every stage of development.

I believe great products come from design and development working together. That's why I work from Figma all the way through to infrastructure: building interfaces with React, Next.js, and TypeScript, developing backends with FastAPI and Node.js, and handling deployment on VPS, Nginx, and AWS Lightsail. This integrated perspective lets me balance design intent with technical quality in every decision.

I have experience with public sector projects, building my own products, and freelancing, always pursuing excellence in user experience, sustainable code, and attention to detail.

Developer

Full-cycle implementation from concept to production deployment

Frontend

  • React 19, Next.js, TypeScript
  • Vite, Tailwind CSS, React Aria (accessibility)
  • Component architecture and design systems

Backend

  • Node.js, FastAPI, Laravel and PHP
  • MySQL, MongoDB, SQLite
  • LLM integration (Google Gemini)

Infrastructure

  • AWS Lightsail, VPS, Nginx, PM2
  • SSL/TLS, Certbot, CloudPanel
  • Database migration and optimization

Designer

Pixel-perfect interfaces with accessibility and usability as core pillars

Visual Design

  • Figma, atomic design, design systems
  • Typography and color theory
  • UI component iteration and refinement

Accessibility

  • WCAG compliance, semantic HTML
  • Screen reader support and keyboard navigation
  • React Aria, inclusive design patterns

Tools

  • Figma, Sketch, Adobe Suite
  • Dribbble, design documentation

Full-cycle workflow

Handles the complete pipeline: from Figma design through component architecture, backend implementation, and production deployment

Open to Work

Get in touch

I’m always open to discuss opportunities for new projects or colabs. Feel free to contact me!

Linkedin Dribbble GitHub