Frank Uribe-Medina
> Full Stack Developer
↓
About Me
I'm a passionate full-stack developer with experience building web applications using React, Next.js, and Node.js. I enjoy creating performant, responsive, and accessible user experiences. When I'm not coding, you can find me exploring new technologies or working on personal projects.
Featured Projects
Project Athlete Atlas
Athlete Atlas is built on a Next.js/React frontend for fast server-side rendering and a responsive, mobile-first interface; it uses Firebase Authentication for secure user sign-in, Cloud Firestore to store and sync raw performance data in real time, and Firebase Cloud Functions to compute organizational and global percentile rankings on the fly. Client-side state is managed with Valtio (or similar lightweight state libraries), while data visualization relies on charting tools like Recharts (or Chart.js) to render interactive percentile charts. Styling is handled through a combination of Material UI and Tailwind CSS for consistent, customizable components, and the app is deployed via Firebase Hosting (or Vercel) to ensure low-latency global access and automatic scaling....
https://athelete-atlas-portal-kerub-s-team.vercel.app/Project VMA
VMA’s public-facing site is built on WordPress (PHP/MySQL) with a custom theme and advanced plugins to manage listings, blog content, and SEO out of the box. Behind the scenes, the authenticated broker/agent portal is a standalone Next.js/React application that pulls listing data via the WordPress REST API. User authentication is handled by Firebase Authentication, while property details, user profiles, and saved searches live in Cloud Firestore. Real-time actions—like updating a listing’s status or generating valuation estimates—are processed through Firebase Cloud Functions. On the client side, state is managed with Valtio, and the UI leverages Material UI (for component consistency) alongside Tailwind CSS (for utility-driven styling). Data visualizations (e.g., market-trend graphs) use Recharts, and the portal is deployed to Vercel for instant global scaling, while the WordPress front end remains on a managed host (e.g., WP Engine) to ensure reliable content delivery and plugin compatibility....
https://martinez-associates-portal.vercel.app/propertiesProject Minecraft Hosting Site
The Minecraft hosting application’s user interface is built with a React/Next.js frontend (styled with Tailwind CSS and Material UI) that includes an interactive map (e.g., using Leaflet or Google Maps) for selecting server locations. On the backend, AWS API Gateway routes requests to Lambda functions (Node.js) that handle server provisioning logic—launching, configuring, and terminating EC2 instances (Amazon Linux/Ubuntu) via the AWS SDK. EC2 instances pull modded server JARs and configuration files from an S3 bucket at startup, and CloudWatch monitors instance health and usage metrics. DynamoDB (or a similar NoSQL store) tracks each server’s metadata—owner, instance ID, selected region, and status—while Stripe’s Node.js SDK is integrated into the Lambda functions to manage pay-as-you-go billing (with webhooks for real-time payment updates). Authentication on the frontend uses Firebase Authentication (or Auth0) to ensure only logged-in users can spin up servers, and WebSocket notifications (via API Gateway WebSockets or a managed service like AWS AppSync) push live server statuses (e.g., “starting,” “running,” “stopping”) back to the React UI. Finally, the React app is deployed to Vercel for low‐latency global delivery, while S3/CloudFront serve static assets (like server mod packs), and CloudFormation or Terraform automates the entire infrastructure stack for reproducible, scalable deployments....
https://www.brothersolutions.net