David Vilela — FULL STACK DEVELOPER / UI-UX DESIGNER
I LIKE WORKING WITH PEOPLE WHO CARE ABOUT WHAT THEY BUILD.
Twenty-three, from Vila Real. I write TypeScript for a living and design the interfaces it ends up behind.
I have been coding since I was thirteen and working in development since 2024. Portuguese and English, both fluent.
Most of my work sits in the seam between design and engineering: a Figma file on one screen, the build on the other, and nothing lost in between.
Now exploring new stacks on my personal projects: Python, Flutter, Rust and more.
EXPERIENCE.LOG
2024 — 2026 — Software & web development, professionally
Building and shipping digital products end to end: interface design, frontend, API layer, the database underneath it and deployment.
Specialist in — TypeScript from end to end — Next.js and React in front, Node.js and PostgreSQL behind.
Design and implementation by the same pair of hands, which keeps the gap between the Figma file and the build close to zero.
2018 — 2024 — Self-taught, then formally
Started writing code at thirteen. Long stretch of personal projects, breaking things and reading other people’s source.
Moved from making things work to making them make sense — which is where the interest in UI/UX came from.
BACKGROUND.SYS
I grew up in Vila Real, in the north of Portugal, far enough from anything that a laptop was the interesting thing in the room.
I started writing code at thirteen when I realized I could tell the computer what to do and it would do it.
After years of only wrinting code, I started studying design conscepts and found my way into user experience almost by default.
I work in TypeScript by preference, its my confort language, witch is way some of my projects are written in diferent languages. I like to get unconfortable.
Portuguese is my first language, English is the one most of my work happens in.
SKILLS.TXT
Frontend: Next.js, React, Tailwind CSS, Vue, Angular, ASP.NET
Backend: Node.js, Express, PostgreSQL, .NET, Entity Framework
Languages: TypeScript, JavaScript, SQL, Python, Rust, C#
API: REST, GraphQL
Design: Figma, FigJam, Illustrator, Notion
Tools & infrastructure: VSCode, GitHub, Docker, Vercel, Render, DigitalOcean, AWS S3, Cloudflare, Azure, Redis Cloud, Railway PostgreSQL, Kubernetes
PROJECTS.DB
Hound - Home Network Monitor (2026)
Python, FastAPI, Scapy, SQLite, SQLAlchemy, Pydantic, NiceGUI, WebSockets
A local home-network security monitor: it captures DNS lookups and connection attempts, scores each one with transparent, explainable risk signals and streams them to a live dashboard. Only the small capture process needs admin rights.
PurplePie - 2D Game Engine (2026)
Rust, wgpu, winit, hecs, glam
A small, modular 2D game engine written in Rust: a fixed-timestep game loop, an engine-owned ECS world and a wgpu renderer behind a simple API, so game code never touches GPU or windowing internals. Built stage by stage with documented architecture decisions and CI on Linux, Windows and macOS.
Syncra - Real-time Kanban (2026)
Next.js, TypeScript, tRPC, PostgreSQL, Drizzle ORM, Redis, WebSockets, TailwindCSS
A real-time multiplayer Kanban: create a demo room in one click, share the link, and watch every card move sync live between everyone in the room.
TSBlueprint (2026)
TypeScript, VS Code Extension API, TypeScript Compiler API, esbuild, Vitest
A VS Code extension that reads the TypeScript file you are editing and turns its interfaces and types into an interactive diagram that updates as you type — parsed locally with the TypeScript compiler, with typed messaging between the editor and a locked-down panel, and no data ever leaving the machine.
ctx-pack (2026)
TypeScript, Node.js, Commander.js, simple-git, js-tiktoken, tsup
An open-source CLI that packs the files you are working on (via git diff) into a single token-counted Markdown or JSON prompt, with the project tree and architecture rules, and copies it to the clipboard for any AI chat.
Contact
vileladavid112@gmail.com
https://github.com/DavidVilela1
https://www.linkedin.com/in/davidvilelawebdev/
Vila Real, Portugal
DAVIDVILELA.dev 2026
Portfolio Environment Setup
Please wait while setup copies files
to the DAVID VILELA experience.
This may take a moment to complete.
Setup is copying files...
0%
- ·Indexing projects........................................................................................................................[ OK ]
- ·Loading experience.log........................................................................................................................[ OK ]
- ·Compiling frontend systems........................................................................................................................[ OK ]
- ·Preloading textures........................................................................................................................[ OK ]
- ·Mounting design system........................................................................................................................[ OK ]
- ·Checking locales........................................................................................................................[ OK ]
- ·Finalizing experience........................................................................................................................[ OK ]
Tap anywhere to continue
David Vilela
FULL STACK DEVELOPER / UI-UX DESIGNER
I LIKE WORKING WITH PEOPLE WHO CARE ABOUT WHAT THEY BUILD.