pro
Prezneil Mayandoc
7+Yrs Exp Full-Stack Dev | Scalable SaaS, Real-Time Platform
New to Contra
Prezneil is ready for their next project!
Healthcare Management System | Medicore
A live control panel for healthcare data, connecting to a secure backend that processes and streams real-time metrics—such as patient appointments, clinic availability, and scheduling updates—directly to an admin's screen without requiring a page refresh.
One of the core challenges was ensuring updates were instant and accurate for every admin operating across multiple clinics simultaneously, where a scheduling change in one location must be reflected everywhere without delay or inconsistency. I solved this by synchronizing WebSocket events with the database, establishing a real-time event-driven architecture where any booking or modification—whether an appointment is scheduled, rescheduled, or canceled—triggers an immediate broadcast to all connected admin clients. This ensured that when one admin books an appointment, that time slot is instantly marked unavailable across every active session, eliminating double-booking and maintaining data integrity across the entire system.
Beyond real-time synchronization, I addressed performance scalability by implementing queued jobs for report generation and other resource-intensive operations. This offloaded heavy processing from the main application thread, ensuring that real-time updates remained responsive even as data volume and admin concurrency grew over time. I also fine-tuned database queries to optimize query execution plans, strategically indexing high-traffic tables and refactoring complex joins to maintain sub-second response times as the dataset expanded.
Under the hood, the platform leverages WebSockets for low-latency bidirectional communication, ensuring that real-time events propagate instantly across all connected admin clients. A queued job system handles asynchronous operations like report generation and batch processing, preserving performance during peak usage. Optimized database queries with strategic indexing maintain smooth performance as historical appointment data accumulates, while a secure backend layer ensures that all real-time metrics and administrative actions remain compliant with healthcare data privacy standards.
0
5
Functional Nutrition Segment Shopify Store | Frog Fuel
A highly specialized Shopify store for Frog Fuel, a brand operating within the fast-acting functional nutrition segment—bridging sports recovery, medical nutrition, and tactical performance. Unlike standard collagen powders that require digestion and delayed absorption, Nano Hydrolyzed Collagen® is a liquid formula clinically proven to digest in under 15 minutes, demanding a storefront experience that reflects the brand's premium positioning and scientific credibility.
One of the core challenges was delivering a seamless e-commerce experience that balanced sophisticated functionality with pixel-perfect brand representation. I solved this by implementing a Shopify storefront with a meticulously crafted front-end architecture, translating Figma designs into a pixel-perfect UI that preserved the brand's visual identity across all devices and screen sizes. Every component was built with precision to ensure that the storefront communicated the premium, science-backed nature of the product.
Beyond visual fidelity, I integrated a comprehensive suite of e-commerce tools to support recurring revenue and customer engagement. I implemented a subscription system using Skio, enabling seamless recurring orders that aligned with the brand's direct-to-consumer business model. For social proof and customer trust, I integrated Yotpo for review management and Klaviyo for email and SMS marketing automation, creating a cohesive ecosystem that captured customer feedback and nurtured ongoing relationships.
To enhance visual storytelling, I built a custom gallery using Swiper.js, moving beyond off-the-shelf solutions to create a tailored, high-performance media experience that showcased product imagery, lifestyle content, and educational assets with smooth navigation and responsive behavior.
Under the hood, the platform leverages Shopify as the core e-commerce backend, Skio for subscription management, Yotpo for review aggregation, Klaviyo for marketing automation, Swiper.js for custom gallery implementation, and Google Tag Manager for advanced analytics and marketing tracking—ensuring comprehensive data capture to inform business decisions and optimize conversion strategies.
0
37
Bigcommerce LEDs Store | FlexFireLeds
A high-performance BigCommerce e-commerce store specializing in LED product sales, engineered to deliver a seamless shopping experience while leveraging advanced analytics and marketing capabilities through Google Tag Manager integration for comprehensive tracking and data-driven decision-making.
One of the core challenges was enabling complex product customization within the constraints of a traditional BigCommerce storefront. I solved this by engineering a custom product configurator using Next.js and embedding it into the storefront via an iframe, creating a decoupled architecture that allowed for rich, interactive customization capabilities beyond native platform limitations. To ensure seamless integration, I implemented cross-window communication between the iframe and the parent application using efficient event-based messaging, enabling real-time synchronization of configuration selections, pricing updates, and add-to-cart actions without page reloads. This approach maintained a fluid user experience while preserving the flexibility of a standalone Next.js application.
Beyond the configurator, I tackled site performance issues caused by external review data fetching, which was introducing significant latency and degrading the user experience. I addressed this by implementing a Next.js caching strategy, strategically pre-fetching and caching review data at build time with periodic revalidation to ensure fresh content without sacrificing speed. This reduced page load times substantially, creating a snappier experience that kept users engaged and improved conversion potential.
Under the hood, the platform leverages BigCommerce as the core e-commerce backend, Next.js for the custom configurator with its embedded iframe architecture, cross-window event-based messaging for seamless parent-child communication, Google Tag Manager for granular analytics and marketing tracking, and a strategic caching layer that optimizes third-party data fetching to maintain performance without compromising content freshness.
0
42
Food Delivery Headless Shopify Storefront | Instead of Flowers
A headless Shopify storefront delivering a premium, high-performance shopping experience for a modern e-commerce brand. One of the core challenges was building a scalable and maintainable UI architecture that could support rapid iteration without introducing inconsistency across the platform. I solved this by developing a library of reusable React components using Storybook, documenting each component step-by-step to establish a single source of truth for the design system, ensuring visual and functional consistency across the entire storefront.
Beyond component architecture, I tackled the complexity of custom discount logic, developing a custom Shopify app specifically for discount redemption. This allowed for granular control over promotional rules beyond native Shopify capabilities, enabling flexible campaigns that improved customer engagement and conversion.
I also extended the platform's functionality by customizing the Shopify Storefront API to support bespoke data requirements, optimizing queries and mutations to align with the headless architecture powered by Shopify Hydrogen. This ensured that the frontend received precisely the data needed without over-fetching or performance bottlenecks.
To enhance navigation and user experience, I engineered a custom mega menu fully optimized for both desktop and mobile versions, delivering an intuitive, responsive interface that adapted seamlessly across all device types.
Under the hood, the platform leverages Shopify Hydrogen for headless e-commerce architecture, Storybook for maintaining a consistent and scalable UI component library, React.js for dynamic frontend interactivity, and Tailwind CSS for pixel-perfect, utility-first styling that enabled rapid iteration while maintaining design precision.
0
45
Office Booking Platform | WorkSimple
A real-time office booking platform connecting professionals to flexible workspaces.
One of the core challenges was maintaining accurate availability across multiple locations instantly. I solved this by syncing the frontend with backend events, ensuring that when a space is booked, it becomes immediately unavailable everywhere.
Beyond availability, I tackled a TTL (time-to-live) issue with video streams, optimizing how media content was cached and delivered to prevent stale or delayed playback, ensuring a seamless experience for users viewing workspace tours and walkthroughs.
I also implemented a custom media gallery to support both video and image content, moving beyond off-the-shelf solutions to build a lightweight, tailored component that maintained performance and consistency across the platform.
Under the hood, the platform leverages Storyblok CMS for flexible content management, Storybook for maintaining a consistent and scalable UI component library, and Tailwind for pixel-perfect, utility-first styling.
0
54