Frontend Engineering
Specialized in building high-performance, reactive web applications with a focus on UX and type-safety.
React Next.js TypeScript
Astro Tailwind CSS TanStack Query Redux Toolkit Zustand GSAP Framer Motion
full stack developer
Alan López Barrientos
I build modern, scalable web applications with clean architecture and a focus on performance and user experience.
my stack
Fullstack Mastery & System Architecture.
Beyond individual languages, I focus on building robust engineering systems that combine high-performance frontends with scalable cloud infrastructures.
Backend Architecture
Designing scalable microservices, robust API architectures, and distributed systems.
Node.js .NET PostgreSQL
NestJS Redis Prisma Docker REST / GraphQL Supabase
Cloud & DevOps
Managing infrastructure as code and automated deployment pipelines for reliable software.
Docker Vercel Render
AWS Kubernetes Netlify CI/CD
AI Integrations
Implementing LLMs and cognitive features to build the next generation of intelligent software.
Gemini API OpenAI API
Vector Databases Prompt Engineering MCP
Software Principles
Committed to writing maintainable, testable, and clean code following solid architecture.
SOLID Clean Code TDD
System Design Design Patterns DDD Agile
Projects
Admin Access
If the app has a login, use these credentials to access as administrator.
Admin 1
User:
admin1@test.com Password:
test123 Admin 2
User:
admin2@test.com Password:
test123 
Honor of Kings Lab
A drafting assistant platform for competitive Honor of Kings players, focused on team composition, hero synergy, and real-time decision making.
Next.js NestJS TypeScript TailwindCSS shadcn/ui Zustand TanStack Query Formik Framer Motion Gemini AI
- ✔ Draft simulation system for competitive formats (BO3/BO5/BO7)
- ✔ AI-powered ability extraction using Gemini (image → structured data)
- ✔ Dynamic form generation driven by backend (NestJS)
- ✔ Admin panel for managing heroes, counters, and synergies
- ✔ Persistent state with Zustand (no data loss during login)
- ✔ Interactive hero grid with animations (Framer Motion)
- ✔ Real-time composition building with reusable components
Éclat Booking Platform
Advanced offline-first PWA booking platform designed for beauty salons and service-based businesses. Features multi-branch scheduling, role-based administration, drag & drop calendar management, and resilient offline synchronization.
React TypeScript Redux Toolkit Node.js Express MongoDB Atlas Mongoose Shadcn UI React Big Calendar Workbox PWA Service Workers Background Sync API JWT Zod Swagger Render Netlify
- ✔ Offline-first PWA architecture
- ✔ Workbox Background Sync request queueing
- ✔ Role-based admin dashboard
- ✔ Drag & drop calendar scheduling
- ✔ Multi-branch business management
- ✔ Dark / Light theme support
- ✔ JWT authentication
- ✔ Swagger API documentation
- ✔ Responsive modern UI with Shadcn
- ✔ Service duration and pricing calculations
- ✔ Employee assignment per branch
- ✔ MongoDB Atlas cloud infrastructure
- ✔ Production deployment with Render + Netlify
Digital Wine Menu
A multilingual digital wine menu platform designed for luxury hotels and sommeliers. Guests can explore wines through advanced filters, tasting notes, pairings, regions, and detailed wine metadata in an elegant digital experience.
Next.js TypeScript Shadcn UI Tailwind CSS Supabase Google Gemini AI TanStack Table Formik Yup Zod MCP
- ✔ Feature-based scalable architecture
- ✔ AI-assisted development workflows with Gemini and MCP servers
- ✔ Advanced multilingual wine filtering system
- ✔ Digital sommelier experience for luxury hotels
- ✔ Modular business logic using services, mappers, and schemas
- ✔ Typed Supabase database integration
- ✔ Reusable shared hooks and UI components
- ✔ Admin dashboard for wine management
- ✔ Advanced wine metadata with pairings and occasions
- ✔ Prepared for future multilingual expansion
- ✔ Clean separation between app routes, features, services, and infrastructure
- ✔ AI-powered development tooling integration
Certifications
DevOps: Docker, Kubernetes, Jenkins, GitFlow CI/CD
Udemy · 3/6/2023 · 16.5 Hours
DockerKubernetesJenkinsGitGitFlowCI/CDDevOpsAutomationAI Assistance
Practical course focused on modern DevOps practices using Docker, Kubernetes, Jenkins, and GitFlow. It covers containerization, orchestration, and the automation of continuous integration and delivery pipelines. The course emphasizes the full software lifecycle, from development to deployment, and includes AI-assisted simulations for real-world scenarios such as technical interviews and strategy presentations.
React Native CLI: Native Apps for iOS and Android
Udemy · 2/23/2025 · 33 Hours
React NativeTypeScriptReact NavigationContext APIAxiosJWT AuthenticationGoogle Maps SDKApple MapsCamera APIImage GalleryAnimationsFlexboxCustom HooksDark & Light ThemesCRUD OperationsAPI ConsumptioniOS DeploymentAndroid Deployment
Comprehensive course focused on building native mobile applications using React Native CLI and TypeScript. It covers navigation, animations, context management, API consumption, authentication with JWT, theming, CRUD operations, and deployment to both iOS and Android platforms.
TanStack Query: A Powerful Asynchronous State Manager
DevTalles · 3/12/2025 · 37.5 Hours
TanStack QueryReactAxiosReact Hook FormState ManagementOptimistic UpdatesPaginationInfinite ScrollPrefetchingData Caching
Comprehensive course on TanStack Query, focused on managing asynchronous state and data fetching in React applications. It covers query and mutation management, error handling, caching strategies, pagination, infinite scroll, prefetching, optimistic updates, and integration with React Hook Form for dynamic forms.
Node.js: From Zero to Expert
DevTalles · 3/29/2025 · 37.5 Hours
Node.jsExpressTypeScriptMongoDBPostgreSQLPrismaMongooseREST APIWebSocketsClean ArchitectureDomain Driven DesignDependency InjectionAxiosJWT AuthenticationFile SystemCRON JobsTestingJestCI/CDRailway Deployment
Comprehensive backend development course focused on Node.js and modern server-side practices. It covers building RESTful APIs, implementing WebSockets, handling authentication with JWT, working with MongoDB and PostgreSQL databases, and applying Clean Architecture and Domain Driven Design principles. The course also includes testing with Jest, file handling, CRON automation, dependency injection, and deployment using Railway.
NestJS: Scalable Backend Development with Node
DevTalles · 4/4/2025 · 25 Hours
NestJSNode.jsTypeScriptTypeORMPostgreSQLMongoDBREST APIWebSocketsJWT AuthenticationGuardsInterceptorsException FiltersDependency InjectionDockerCORSDTOsValidationSOLID PrinciplesClean Architecture
Comprehensive backend development course using NestJS and TypeScript, focused on building modular and scalable server-side applications. It covers controllers, services, guards, interceptors, dependency injection, and authentication with JWT. The course also explores RESTful APIs, WebSockets, database integration with TypeORM, PostgreSQL, and MongoDB, along with validation, Dockerization, and best practices following the SOLID principles.
NestJS + Reports: Generate PDFs from Node
DevTalles · 4/11/2025 · 6.5 Hours
NestJSNode.jsPDFMakePrismaPostgreSQLChart.jsDockerPgAdminQR CodesSVGHTML to PDFData VisualizationTablesCustom Reports
Technical course focused on generating professional and customizable PDF reports using NestJS and PDFMake. It covers layout design, tables, charts, QR codes, and SVG integration. The course also includes database connectivity with Prisma and PostgreSQL, HTML-to-PDF conversion, and Docker-based environments for data-driven report generation.
SOLID Principles and Clean Code
DevTalles · 4/12/2025 · 6.5 Hours
SOLID PrinciplesClean CodeObject-Oriented ProgrammingSoftware ArchitectureDesign PatternsCode QualityRefactoringBest Practices
Foundational course focused on the SOLID principles of software design and clean coding practices. It covers the five SOLID principles—Single Responsibility, Open/Closed, Liskov Substitution, Interface Segregation, and Dependency Inversion—along with concepts like technical debt, maintainability, and code readability. The course emphasizes writing scalable, modular, and easy-to-maintain code following industry best practices.
GIT + GitHub: A Complete Version Control System from Scratch
DevTalles · 4/14/2025 · 11.5 Hours
GitGitHubVersion ControlBranchingRebaseStashPull RequestsReflogCollaboration Workflows
Comprehensive course covering version control with Git and remote collaboration using GitHub. It includes key concepts such as branching, merging, stashing, rebasing, revert, reset, and reflog, along with modern workflows involving pull requests, team collaboration, and repository management. The course emphasizes best practices for maintaining clean, organized, and recoverable project histories.
Design Patterns: Practical and Efficient Solutions
DevTalles · 4/17/2025 · 10 Hours
Design PatternsTypeScriptObject-Oriented ProgrammingCreational PatternsStructural PatternsBehavioral PatternsSoftware ArchitectureClean Code
This course provided an in-depth understanding of software design patterns and their real-world applications using TypeScript. It covered creational, structural, and behavioral patterns, offering practical examples and exercises to write clean, reusable, and scalable code. A must-have foundation for mastering object-oriented design and software architecture.
NestJS + Testing: Unit and End-to-End (E2E) Testing
DevTalles · 4/17/2025 · 12.5 Hours
NestJSJestUnit TestingEnd-to-End TestingMockingTest CoverageRESTful APIsAuthentication TestingAuthorization TestingContinuous Integration
Comprehensive training on implementing automated testing in NestJS applications using Jest. The course covers unit and end-to-end (E2E) testing for controllers, services, and modules, including mock management, authentication and authorization tests, error handling, and coverage reporting. Focused on ensuring code quality, stability, and scalability in backend systems.
Docker: A Practical Guide for Developers
DevTalles · 4/26/2025 · 14 Hours
DockerDocker CLIDocker ComposeBuildxGitHub ActionsCI/CDDigital OceanKubernetes (Intro)ContainerizationImage Automation
Comprehensive training focused on mastering Docker for application containerization. Covers the creation and management of Dockerfiles, multi-container setups with Docker Compose, image optimization with Buildx, and deployment automation through GitHub Actions. Includes practical projects and an introductory module on Kubernetes for modern DevOps workflows.
NestJS + Microservices: Scalable and Modular Applications
DevTalles · 5/5/2025 · 20.5 Hours
NestJSMicroservices ArchitectureTCP TransportNATSPrismaDockerKubernetesGoogle Cloud (GKE)HelmStripeCI/CDMessage QueuesEvent-Driven Architecture
Advanced course focused on building distributed systems using NestJS and microservices architecture. Covers inter-service communication through message patterns, transport layers like TCP and NATS, and database segregation with Prisma. Includes Dockerization, Kubernetes deployment on GKE, CI/CD pipelines, secret management, and integrations with Stripe and Google Cloud services.
Astro: The Framework for Content-Focused Websites
DevTalles · 5/9/2025 · 25.5 Hours
AstroTypeScriptReactVueSolid.jsTailwindCSSZodAuthJSAstro DBNetlifyCloudflareSEOSSRMDX
Comprehensive course focused on building high-performance, content-driven web applications with Astro. Covers static generation, server-side and hybrid rendering, state persistence, authentication, and API integrations. Includes the use of multiple UI frameworks (React, Vue, Solid), Astro DB, and advanced optimization techniques for SEO and image handling.
OpenAI: Practical Exercises and Assistants with React + NestJS
DevTalles · 5/11/2025 · 10 Hours
OpenAI APINestJSReactViteTypeScriptAssistant APISpeech-to-TextText-to-SpeechImage GenerationFile UploadCustom AI Assistants
Technical course focused on implementing OpenAI’s API with a full-stack TypeScript environment. Covers audio transcription and generation, image creation and editing through AI, and the use of the Assistant API for building custom intelligent agents. Includes backend integration with NestJS and frontend implementation using React + Vite.
Mini-Course Zustand: State Management for React
DevTalles · 5/11/2025 · 6 Hours
ZustandReactTypeScriptImmerAxiosFirebaseLocalStorageSessionStorage
Focused course on modern state management with Zustand as a lightweight alternative to Redux, Redux Toolkit, or Context API. Covers middleware usage, persistence (local and remote), authentication flows, slices, and store subscriptions — all implemented with TypeScript and strict typing.
React: Real-Time Applications with Socket.io
DevTalles · 5/12/2025 · 16 Hours
Socket.ioReactJWTMongoDBMapboxRXJSAnt DesignBootstrap
Comprehensive course on integrating websockets in React applications using Socket.io. Covers authentication with JWT, CRUD operations via sockets, event handling, and real-time features such as maps, queues, and chats. Includes reusable custom hooks and best practices for scalable real-time systems.
React: From Zero to Expert - 2025 Edition
DevTalles · 10/19/2025 · 46 Hours
ReactTypeScriptHooksContext APIRedux ToolkitZustandVitestTailwindCSSShadCNNode.jsExpressMongoDBJWTTesting LibraryReact Compiler
Comprehensive program covering modern React development from fundamentals to advanced practices. Focused on functional components, Hooks, and state management with Context API, Redux Toolkit, and Zustand. Includes TypeScript integration, unit and integration testing with Vitest, UI development with TailwindCSS and ShadCN, and backend connectivity using Node.js, Express, and MongoDB. Also explores authentication, performance optimization, and React Compiler for efficient rendering.
Nest + GraphQL: Evolving REST APIs with GraphQL
DevTalles · 2/21/2026 · 18 Hours
NestJSGraphQLApollo ServerTypeScriptPostgreSQLDockerDocker ComposeJWT AuthenticationAuthorizationResolversGraphQL QueriesGraphQL MutationsDTOsPaginationFilteringCustom DecoratorsDigitalOceanGitGitHub
Advanced backend development course focused on integrating GraphQL into scalable NestJS applications. Covers GraphQL architecture, queries, mutations, resolvers, DTOs, pagination, filtering, authentication with JWT, authorization strategies, and deployment workflows using Docker and DigitalOcean. The course emphasizes building flexible and self-documented APIs using a code-first approach with TypeScript and PostgreSQL.
Next.js: The React Framework for Production
DevTalles · 2/3/2026 · 37 Hours
Next.jsReactTypeScriptNextAuthJWT AuthenticationMongoDBPostgreSQLDockerZustandReact Hook FormPayPal APISSRSSGISRCSRREST APIsMiddlewareTailwindCSSResponsive DesignCRUD Operations
Comprehensive course focused on building scalable production-ready applications with Next.js and TypeScript. Covers advanced rendering strategies such as SSR, SSG, ISR, and CSR, along with authentication, middleware protection, REST APIs, Docker deployment, database integration with MongoDB and PostgreSQL, and payment processing workflows. The course emphasizes performance optimization, SEO, responsive design, and full-stack application architecture.
React PRO: Taking React Skills to the Next Level
DevTalles · 11/11/2025 · 24.5 Hours
ReactTypeScriptFormikYupStorybookGitHub ActionsPWAWorkboxIndexedDBLazy LoadingSuspenseComponent PatternsSemantic ReleaseNPM PublishingJWT AuthenticationService WorkersOffline SupportCustom HooksGitGitHub
Advanced React course focused on professional frontend architecture and scalable component systems using TypeScript. Covers advanced component patterns, Storybook integration, Formik and Yup for dynamic forms, Progressive Web Applications (PWA), offline-first strategies with Workbox, semantic versioning workflows, automated deployments with GitHub Actions, and reusable UI package publishing to NPM.
Shadcn/ui: Accessible and Customizable Components
DevTalles · 2/15/2026 · 6 Hours
shadcn/uiReactTypeScriptTailwindCSSRadix UIFormsData TablesDark ModeTheme CustomizationReusable ComponentsDashboard UIAccessibilityUI Architecture
Practical frontend course focused on building modern and scalable interfaces using shadcn/ui and TailwindCSS. Covers reusable component architecture, accessible UI systems, advanced forms, dynamic data tables, dark mode implementation, and customizable themes for production-ready React applications.
About Me
My philosophy
“First, solve the problem. Then, write the code.”
For me, developing software is much more than writing code — it’s a way of thinking, solving, and creating with purpose. I enjoy understanding how every piece fits within a system, how an idea takes shape through logic, design, and consistency. I’m driven by continuous improvement. I aim for every project to teach me something new, for every line of code to have intention, and for every solution to be clearer and more stable than the one before. I believe excellence is achieved through patience, good judgment, and a genuine commitment to detail. Being a developer is something I truly enjoy. I find satisfaction in seeing how an abstract idea becomes something functional and meaningful, knowing that behind every product there are deliberate decisions guided by a passion for doing things right. I don’t just want my software to work — I want it to make sense, to grow, to evolve. Because in the end, development is also that: a way to keep learning while building something that truly matters.