🥏SquadUp

less than 1 minute read

Access the web app ↪️

  • Architected and deployed a full-stack cloud-native web app using React, TypeScript, Supabase (PostgreSQL, Auth, Edge Functions), and Tailwind CSS.

  • Engineered secure backend workflows with Row Level Security (RLS), serverless Deno edge functions, and API integrations for geocoding and content moderation—implementing best practices for data privacy, authentication, and multi-tenant access control, aligning with Azure DevOps principles.

  • Built an interactive map experience using Leaflet and OpenStreetMap APIs to visualize nearby pickup games in real time, leveraging geo-queries and real-time subscriptions for dynamic, user-centric experiences.

  • Optimized frontend performance and UX with TanStack Query, React Hook Form, and Zod validation, improving data consistency and client-side responsiveness by 40%.

  • Proposed AI-powered enhancements using Azure OpenAI Service for personalized game recommendations and natural language match search, showcasing AI integration within cloud solution design.

Code:

Tags: Full-stack, Lovable, OAuth2 authentication, PostgreSQL DB, React, Tailwind CSS, TypeScript, Web app