Pedro Lucena

Welcome to my Portfolio

Hi! I'm Pedro Lucena

Developer

Full-Stack Developer with 4 years of experience building production fintech systems in Switzerland using TypeScript, React, Node.js, and modern web technologies.

Experience

My professional journey

Full-Stack Developer

datalution GmbH, Switzerland

Jan 2024 - Present

Architecting and developing fintech applications in a Turborepo monorepo with multiple interconnected projects.

  • Type-Safe APIs: tRPC architecture with batch streaming links and end-to-end type-safety across 50+ routers.
  • React 19: Implementation of useTransition, useOptimistic and useActionState for optimistic UI across 47+ forms.
  • Internationalization: next-intl with dynamic localized routes in 4 languages (DE/EN/FR/IT) and 200+ pathnames.
  • PWA: Complete Web Push Notifications system with service workers.
  • Auth: Supabase Auth with OAuth (Google/Apple) + SMS verification via Twilio.
  • Payments: Stripe integration with webhooks, customer portal and subscription management.
  • CI/CD: GitHub Actions with automated deployment to VPS and Turborepo caching.
Next.js 15React 19tRPCTypeScriptPrismaSupabaseStripe

Front-End Developer

Support Informática, Brazil

Jan 2023 - Dec 2023

Developed custom e-commerce templates for stores and maintained a React Native app used by hundreds of establishments across the city, performing major Expo version upgrades, implementing new features and fixing a critical bug that displayed incorrect monetary values.

  • Led optimization initiatives on the e-commerce website, reducing latency by 70% (from 5 to 1.5 seconds), supporting high-traffic operations.
  • Architected and deployed the stores CRM from scratch, building the system structure and core functionalities.
ReactReact NativeTypeScriptTanStack QueryZustandMaterial UI

E-commerce Developer

Contract · Freelance, Portugal

Dec 2022 - Jan 2023

Full-stack development of a complete e-commerce platform, from scratch to production.

  • Auth & Users: Secure authentication system with registration, login and profile editing.
  • Product Catalog: Complete product CRUD with details page, category listing, advanced filters and search.
  • Shopping Cart: Functional cart with item addition, removal and review before purchase.
  • Admin Dashboard: Central panel for product management, orders and operations monitoring.
  • Dynamic UI: Adaptive header based on user interactions and page context.
  • Marketing: Newsletter system for email collection and social media sharing functionality.
PythonDjangoPostgreSQLHTMLCSS

Full-Stack Developer

Contract · Caixa Angola, Angola

Apr 2022 - Jul 2022

Developed a complete event management system with user grades and AWS S3 media storage integration.

  • Registration and Login System: Secure implementation for account creation and user authentication.
  • Event Management: System for creating and managing events with title, description and images.
  • Individual Grades: System for assigning and viewing grades specific to each user.
  • AWS S3 Storage: Use of an S3 bucket for static file storage.
  • Media Upload and Management: Direct media file upload to S3 bucket, including file viewing and management.
PythonDjangoPostgreSQLAWS S3HTML

Skills

What skills do I have?

Front-End Development

verified icon

React 19

verified icon

Next.js 15

verified icon

TypeScript

verified icon

Tailwind CSS

verified icon

TanStack Query

verified icon

Zustand

Back-End Development

verified icon

Node.js

verified icon

Bun

verified icon

Hono

verified icon

tRPC

verified icon

Prisma

DevOps & Architecture

verified icon

Docker

verified icon

AWS S3

verified icon

CI/CD

verified icon

GitHub Actions

verified icon

Turborepo

verified icon

Serverless

Projects

My recent work

22AI screenshot

OpenRouter NextJS Framer Motion

22AI

T3 Chat clone for cloneathon. I really like the number 22.

Black Studios screenshot

NextJS Tailwind Framer Motion

Black Studios

A portfolio website created with Next JS, Tailwind CSS and Framer Motion.

Custom Marco Guillermo screenshot

NextJS Tailwind

Custom Marco Guillermo

Custom Marco Guillermo website made with Next JS and Tailwind CSS.

Next JS Social Network screenshot

NextJS Prisma Tailwind Daisy UI

Next JS Social Network

A Next JS social network prototype built with Tailwind CSS, Daisy UI and Prisma.

Mobile Country Flags Search screenshot

React Native Expo Native Base

Mobile Country Flags Search

Mobile version of Country Flags Search made with React Native, Expo and Native Base.

Country Flag Search screenshot

ReactJS API JavaScript Tailwind HTML

Country Flag Search

A website for country searching made with React JS, Tailwind CSS and Tanstack Query.

Pokémon Search screenshot

ReactJS API Styled Components

Pokémon Search

A modern website for Pokémon searching made with Next JS, React JS, Tanstack Query and Styled Components.

The News Website screenshot

NextJS API Tanstack Query Tailwind

The News Website

A news website made with The Guardian API, Next JS, Tanstack Query, and Tailwind CSS based on Globo's G1.

Django Social Network screenshot

Django Python HTML CSS

Django Social Network

Just a basic social media prototype made with Django.