Drew Ponce's Portfolio.

Featured Projects: AI & Modern Web Development

Cover Image for Featured Projects: AI & Modern Web Development
Drew Ponce
Drew Ponce

AI-Assisted Development with MCP

Building Your Own v0.dev

A complete development workflow demonstrating the power of Model Context Protocol:

  • JetBrains IDE Integration - MCP server configuration for direct AI-IDE communication
  • Claude AI Desktop - Autonomous code generation, file management, and deployment
  • Cloudflare Pages - Automated deployment pipelines using Wrangler
  • React + TypeScript + Vite - Modern frontend stack with optimized builds
  • Agentic AI Workflows - AI handles everything from project initialization to production deployment

This project showcases how AI can autonomously manage the entire development lifecycle—from creating project structure to deploying to production—all through natural language instructions.

Develop in Rest

AI-Powered Nonprofit Platform

Building tools to help developers and nonprofits leverage AI effectively:

  • React 18 - Modern component architecture
  • Cloudflare Workers - Edge computing for low-latency AI responses
  • Cloudflare KV Storage - Distributed state management
  • Claude AI Integration - Intelligent development assistance
  • Anti-bot Security - Protecting AI resources
  • Custom Tailwind UI - Responsive, accessible design

This platform serves as both a development assistant and a learning resource for the nonprofit community, demonstrating how AI can be leveraged for social good.

thedolorosa.com Evolution

Multi-Phase Cloud-Native Transformation

Evolving a top-rated Los Angeles tattoo studio's digital presence through multiple technology generations:

Phase 1: WordPress to Webflow (2022)

  • Content migration and restructuring
  • Modern design implementation
  • Improved content management
  • SEO optimization with measurable traffic increases

Phase 2: Webflow to Cloud-Native (2024)

  • Next.js 14 - App Router with server components

  • Cloudflare Pages - Global edge deployment

  • Dynamic Content Delivery - Optimized performance

  • Custom CMS Integration - Headless architecture

  • Advanced Analytics - Real-time insights and SEO tracking

  • GitHub Repository

  • Live Site

One Accord App

Christian Community Platform

Cross-platform mobile application for faith-based community building:

  • React Native + TypeScript - Cross-platform mobile development
  • AWS Amplify - Cloud infrastructure and authentication
  • Real-time Messaging - Community engagement features
  • Prayer Request System - Collaborative prayer management
  • Location Services - Church discovery and mapping

Led the authentication team, coordinating across UI/UX, cybersecurity, and data science teams.

Technical Stack & Expertise

AI & Integration:

  • Model Context Protocol (MCP)
  • Anthropic Claude API
  • OpenAI API
  • AI-assisted development workflows
  • Agentic AI patterns

Cloud & Infrastructure:

  • Cloudflare Workers, Pages, KV, R2, D1
  • AWS Amplify, Lambda, S3
  • Edge Functions & Serverless Architecture
  • CDN optimization

Frontend:

  • React, Next.js, React Native
  • TypeScript, Vite
  • Tailwind CSS, Responsive Design
  • Server Components, SSR/SSG

Backend & Data:

  • Node.js, Express
  • SQL (Server SQL)
  • Cloudflare D1, KV Storage
  • REST APIs, Webhooks

DevOps & Monitoring:

  • CI/CD Pipelines
  • Docker, Git
  • NewRelic monitoring
  • Wrangler CLI automation