Building a Portfolio That Converts: An Engineer's Guide
How I architected zergcore.dev for recruiter-first UX.
Ingeniera Fullstack que une backends escalables con interfaces de alto rendimiento e intuitivas. Especializada en TypeScript, React y 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).
Estoy abierta a nuevas oportunidades. Hablemos sobre cómo puedo aportar este nivel de ingeniería a tu equipo.
HablemosUn panorama completo de mi stack técnico y la experiencia adquirida en más de 6 años de desarrollo profesional.
Mi trayectoria laboral, destacando roles donde lideré arquitectura, optimicé rendimiento y lancé productos escalables.
Revelo
World of Women
Auto Parts ID
OttoMoto LLC
Fundación AmbLeMa
Ya sea un proyecto nuevo o escalar una plataforma existente, me encantaría escuchar tus desafíos.
ContáctameMi formación académica y logros de aprendizaje continuo.
Core focus on software architecture, algorithms, database systems, and full-stack web development.
Escritura técnica sobre decisiones de arquitectura, optimización de rendimiento y crecimiento en la carrera de ingeniería.
How I architected zergcore.dev for recruiter-first UX.
A deep dive into the currency math engine behind FinApp.