Hi, I'm Mauricio Barragán
Full Stack Developer

Passionate about building high-quality web solutions with 10+ years of experience delivering reliable, scalable, and user-friendly software.

About Me

Passionate about creating innovative solutions and delivering exceptional user experiences.

I'm a Full Stack Developer with over a decade of expertise crafting modern web applications and enterprise-grade solutions. My professional journey spans diverse technology landscapes and industry sectors, from innovative startup environments to large-scale enterprise systems.

I specialize in JavaScript, Node.js, React, and Next.js, complemented by deep experience in SAP Fiori development. I'm driven by the challenge of architecting scalable, maintainable, and intuitive applications that address complex business requirements.

Beyond development, I'm passionate about exploring emerging technologies, contributing to open-source initiatives, and mentoring fellow developers. I'm committed to continuous growth and staying at the forefront of technological innovation in our rapidly evolving industry.

Technologies I Work With

JavaScript
Node.js
React
Next.js
TailwindCSS
NeonDB
SAP Fiori
Mauricio Barragán

Experience

A journey through professional growth and technical expertise in modern software development.

Senior Software Engineer / Web Developer (SAP Ecosystem)

Accenture
July 2021December 2024

Development and maintenance of enterprise web applications in cloud environments. Support for production deployments and post-release stabilization.

SAP Ecosystem
JavaScript
UI5
Remote

Fullstack Web Developer

Onibex
March 2017July 2021

Contributed to the development and performance improvements of a B2B platform built with Node.js and DocumentDB. Technical leadership in integration of OData services (ABAP) and REST APIs with many web apps developed for different SAP modules.

Node.js
DocumentDB
OData
SAP Gateway
ABAP
SAP
UI5
Remote

Programmer Analyst (Consultant at Banregio)

Dainda
October 2015November 2016

Maintenance and support of the electronic banking platform developed with ColdFusion, including bug fixing and enhancements to front-end functionality using JavaScript, HTML and CSS, worked with Sybase databases. Contributed to the implementation of the payroll portability feature within the electronic banking platform.

ColdFusion
JavaScript
HTML
CSS
Sybase
jQuery

Web / Mobile Software Developer

BITAM
February 2011January 2015

Developed hybrid web and mobile applications using PHP, MySQL, JavaScript, jQuery, Bootstrap and PhoneGap/Cordova. Contributed to BITAM's first mobile product, enabling BI dashboards designed in Artus Designer to run on iOS. Built backend and frontend features for the KPI Forms and eBavel products, including media capture and geolocation.

PHP
MySQL
JavaScript
jQuery
Bootstrap
PhoneGap/Cordova

QA Tester

BITAM
20092011

Started career in quality assurance testing, learning software testing methodologies and best practices. Gained foundational knowledge in testing frameworks and quality control processes.

Testing
PHP

Projects

A collection of projects that showcase my skills and experience in modern web development.

W

Watchily

Featured

Multi-surface streaming finder (Next.js web, Expo mobile, LG Web App TV) with Supabase auth, 21+ API routes, custom watchlists, and second-screen TV pairing. Watchmode API with availability fallback, Inngest watchlist refresh, and Upstash rate limiting on search.

Next.js
Expo
Supabase
PostgreSQL
Watchmode API
LG Web App
L

Labby-dabby

Featured

Turborepo monorepo with Next.js web and Expo mobile for uploading medical lab PDFs. Google Gemini extracts and interprets results in plain language with normal/abnormal/critical classification, contextual AI chat, health notes diary, and shareable read-only links.

Turborepo
Next.js
Expo
Google Gemini
Drizzle
Clerk
H

Health Erino

Featured

Dual web and mobile app for medication management with a Gemini-powered voice assistant. Admin panel syncs data from Google Sheets into Neon PostgreSQL via Clerk auth; users query medications by voice on mobile (STT) or web with text-to-speech responses.

Next.js
Expo
Vercel AI SDK
Google Gemini
Clerk
Neon
C

CRT Líneas

Featured

Monitors Mexican CRT portal company and Persona-type links with semiannual Playwright verification. Clerk auth with admin/user roles, encrypted CURP/phone profiles in Neon, Inngest fan-out for bulk monitoring, and screenshot capture for manual review.

Next.js
Prisma
Playwright
Clerk
Neon
TypeScript
A

Arb Pulse

Featured

Streams BTC/USDT order books from Kraken, Bybit, OKX, and Binance over WebSocket, computing net profit with VWAP slippage and taker fees. Simulates trades in memory with no real funds; React dashboard with REST, SSE live updates, and demo mode for presentations.

Node.js
TypeScript
WebSocket
Express
React
SSE
M

MangaTrack

Manga discovery, bookmarking, and reading platform with tier-based limits (Basic vs Premium). Clerk auth, Stripe subscriptions, Resend email notifications, Inngest background jobs, vertical/horizontal reader, and in-app notification system on Neon PostgreSQL with Prisma.

Next.js
TypeScript
Prisma
Neon
Clerk
Stripe
S

Sommaire

Upload PDFs via Uploadthing; text is extracted and summarized into engaging markdown by Google Gemini, stored in Neon Postgres. Clerk authentication with plan badges, upload limits by tier, and Stripe-powered paid upgrades for unlimited summaries.

Next.js
Google Gemini
Uploadthing
Stripe
Clerk
Neon
L

Live Countdown: Fortnite

Turborepo monorepo with Next.js web and Expo mobile for Fortnite fans. Daily cron ingests seasons, news, and Battle Royale shop data from fortnite-api into Neon via Drizzle ORM, with Clerk auth, UTC-accurate countdowns, and color-coded urgency banners.

Turborepo
Next.js
Expo
Drizzle
Clerk
Neon
B

BeatStack

React Flow canvas to assemble Suno prompts from typed nodes (genre, mood, BPM, vocals, structure). Optional Gemini integration evaluates prompts and auto-configures from natural-language descriptions. PWA with localStorage presets, URL sharing, and dark/light themes.

Next.js
React Flow
TypeScript
Zustand
Google Gemini
PWA
t

te-kae

Aggregates active online hackathons from TAIKAI (GraphQL), Hack Club (public API), and MLH/lablab (ScraperAPI + HTML parsing). Manual refresh persists results in Neon Postgres with ingestion run tracking, Zod-validated API, and last-update timestamps in the header.

Next.js
Drizzle
Neon
ScraperAPI
TypeScript
V

Vibe Store

Next.js landing with Clerk (Google OAuth) and an admin approval workflow for authorized users in Neon. Dashboard shows a QR code for the Vibe Store APK; the Expo mobile app lists personal projects (Watchily, Health Erino, etc.) with install, open, and uninstall on Android.

Next.js
Expo
Clerk
Neon
Vercel Blob
TypeScript
E

Env-ironmint

Published NPM CLI for managing environment variables across projects. Detects exposed secrets, validates against .env.example, syncs .env files across environments, verifies .gitignore setup, and ships with Jest CI coverage and a GitHub Actions consumer template.

TypeScript
Jest
NPM
CLI
P

Portfolio Website

Responsive portfolio showcasing professional experience and projects for recruiters. Dark theme, Framer Motion animations, TechBadge system, project detail dialogs with production practices, and dynamic OG image generation — deployed on Vercel.

Next.js
React
Tailwind CSS
Framer Motion
TypeScript

Interested in seeing more of my work?

View all projects on GitHub

Get In Touch

Have a project in mind or want to collaborate? I'd love to hear from you! Let's build something amazing together.