U.S. Army Reserve & NSIN collaboration
A secure, mobile-accessible forms and operations platform that replaces manual administrative paperwork and supports readiness workflows for Army Reserve units.
Contribution & implementation
Contributed to the web and mobile application and led a UI/UX overhaul across the React and React Native repositories. The project record describes work with military stakeholders in a multi-team engineering environment.
Engineering approach
- Modernize administrative workflows with forms and digital communications accessible across devices.
- Adopt a reusable, shadcn-inspired component system for React Native interfaces.
- Use Reanimated, Moti, Lottie, and React Native Gesture Handler for interface motion and interaction.
- Maintain Army Reserve branding and theme colors across web and mobile experiences.
React · React Native · TypeScript · Design systems · Mobile UI · Operations workflows
Reserve Mercury — U.S. Army Reserve Forms Management Platform
Contributed to Reserve Mercury, a large-scale mobile and web platform developed in partnership with the U.S. Army Reserve and National Security Innovation Network to modernize military administrative workflows. The system replaces manual paperwork with a secure, device-accessible solution that improves efficiency and supports operational readiness for thousands of soldiers.
Real-World Enterprise & Government Software Experience
Collaborated within a multi-team engineering environment alongside military stakeholders, designers, and backend developers to build production-grade software with real-world impact. This project reflects experience developing secure, scalable systems in a high-trust, enterprise-level environment supporting U.S. Department of Defense operations.
UI Overhaul
I led a UI/UX overhaul of the web and mobile React Native repositories by introducing ReactNativeReusables to implement shadcn/ui-inspired component architecture for React Native. Integrated advanced animation and interaction frameworks including React Native Reanimated, Moti, Lottie, and React Native Gesture Handler to enhance performance, motion design, and user engagement. Maintained strict adherence to Army Reserve branding and system theme color standards across platforms.
Light Mode (Web)
Dark Mode (Web)
Light Mode (Mobile)
Dark Mode (Mobile)
Appreciate this project
AI guide
Share
Other Projects
A local-first workspace for AI agents, projects, productivity, personal analytics, and developer operations. Coretex brings the tools used to run work and life into one focused Windows desktop app. It combines agent orchestration, project planning, communication, local infrastructure, and personal tracking behind a responsive React interface.
The public CORE Business Technology platform for websites, growth, AI, automation, and workplace technology. CoreTV.co brings services, pricing, estimates, booking, contact, and client access into one responsive product experience. This entry outlines the public platform while linking the reusable Core AI safety contracts repository behind the private product systems.
A comprehensive wellness platform to track workouts, nutrition, sleep, vitals, habits, therapeutics, appointments, and body metrics — with AI food analysis, Google Drive storage, and exportable health reports.
The current MDCran portfolio website — built with Next.js, Tailwind v4, shadcn/ui, and framer-motion.