Building a Portfolio That Converts: An Engineer's Guide
How I architected zergcore.dev for recruiter-first UX.
Fullstack Engineer bridging the gap between scalable backends and intuitive, high-performance interfaces. Specializing in TypeScript, React, and Python.

Full-Stack AI Engineer
Full-stack Engineer bridging the gap between scalable backends and intuitive, high-performance interfaces. Specializing in TypeScript, React, and Python.
A selection of my recent work, focusing on scalable architecture, AI integrations, and high-performance interfaces.
This project, Zergcore, is a modern full-stack web application built for a professional portfolio and CMS platform. It features a decoupled architecture with a high-performance Python backend and a reactive TypeScript frontend, designed with a focus on AI integrations and asset management. Project Summary Zergcore serves as a digital headquarters, likely managing professional assets like resumes, portfolio projects, and AI-driven features (such as the "AI CV Architect"). The project is currently transitioning from a legacy Django system to a modern FastAPI + Next.js stack to improve performance, scalability, and developer experience. Architectural Overview 1. Backend (The "Brain") The backend is built with FastAPI, emphasizing speed and type safety. Framework: FastAPI for the REST API layer. Database & ORM: SQLAlchemy 2.0 (Asynchronous) with PostgreSQL (via asyncpg). Migrations: Alembic manages database schema versions. Security: JWT-based authentication using python-jose and bcrypt. Integrations: Cloudinary: Handles image and document (PDF) storage. Resend: Manages transactional emails. AI/PDF Tools: Uses pypdf for document processing, with hooks for LLM integrations. Legacy Path: A _legacy_django directory exists, containing the original codebase being phased out. 2. Frontend (The "Face") The frontend is a cutting-edge Next.js 15 application. Framework: Next.js (App Router) with React 19. Styling: Tailwind CSS v4 for a utility-first, modern design system. Animations: Framer Motion provides high-end micro-animations and transitions. Icons: Lucide React and React Icons. Type Safety: Strict TypeScript implementation throughout the UI and API client layers. 3. Infrastructure & Workflow Monorepo-lite: Organized into clear /backend and /frontend directories. Deployment: Docker-ready (via Dockerfile in backend) and optimized for platforms like Vercel (frontend) and traditional cloud providers. Dev Experience: Uses uvicorn with uvloop for the backend development server and Next.js Turbopack for the frontend. Directory Highlights backend/app/models/: SQLAlchemy database models. backend/app/routers/: API endpoints organized by feature. frontend/app/: Next.js App Router pages and layouts. frontend/components/: Reusable UI components. docs/: Project documentation (including historical context like btw.txt).
I'm open to new opportunities. Let's discuss how I can bring this level of engineering to your team.
Let's TalkA comprehensive overview of my technical stack and expertise acquired over 6+ years of professional development.
My career journey, highlighting roles where I led architecture, optimized performance, and shipped scalable products.
Revelo
World of Women
Auto Parts ID
OttoMoto LLC
Fundación AmbLeMa
Whether it's a greenfield project or scaling an existing platform, I'd love to hear about your challenges.
Get in TouchMy academic background and continuous learning achievements.
Core focus on software architecture, algorithms, database systems, and full-stack web development.
Technical writing on architecture decisions, performance optimization, and engineering career growth.
How I architected zergcore.dev for recruiter-first UX.
A deep dive into the currency math engine behind FinApp.