Hello,

I'm Connor.

I am a Software Engineer passionate about building intuitive interfaces and refining complex systems into seamless user workflows. I bring a human-centered approach to developing platforms that blend creativity, usablity, and acessibility.
Click for more about me.

My Toolkit

GIT
GIT
HTML
HTML
CSS
CSS
Tailwind
Tailwind
JavaScript
JavaScript
React
React
Vite
Vite
Python
Python
Firebase
Firebase
Figma
Figma

My Projects

  • SKINTRIC

    Next.js, Tailwind, GSAP, Redux

    A real-time AI-powered skin analysis platform built during my internship at Skinstric, developed with Next.js, TailwindCSS, and the OpenAI Vision API. I was responsible for architecting the landing page, camera functionality, photo gallery upload, and demographic analysis features. The platform leverages OpenAI's Vision API combined with a 4D Mini model to analyze user-submitted images and deliver personalized skincare recommendations across diverse skin conditions. I implemented a fully responsive UI with GSAP-powered animations. I also designed a modular component library for skincare product displays, enabling rapid A/B testing of recommendation layouts and demonstrating proficiency in AI integration, performance optimization, and user-centric design principles.

  • Summarist

    Next.js, Tailwind, Stripe, Firebase

    A full-stack book summary web application built with Next.js, TypeScript, and Tailwind CSS that enables users to browse curated book summaries and listen to audio narrations for efficient knowledge consumption. The platform features Firebase for database management and user authentication, Stripe API integration for secure subscription and payment processing, and Redux for predictable state management across the application. With a fully responsive design that adapts seamlessly across all devices, the application implements dynamic routing for intuitive navigation, optimized loading states for enhanced user experience, and skeleton screens to improve perceived performance during data fetching, demonstrating proficiency in modern full-stack development, third-party API integration, and user-centric design principles.

  • Quickmeyer Tree Farm

    Wix

    A comprehensive redesign of a wood company's Wix website, enhancing both navigation architecture and visual design. I rebuilt the header navigation system, created a customer-focused Project Showcase page, and standardized component styling including buttons, forms, and image galleries. The redesign improved site organization by consolidating project galleries, optimizing mobile responsiveness, and streamlining contact pathways. Through iterative collaboration with the client, I delivered a cleaner, more professional interface that better represents their craftsmanship and serves their customer community.

  • Shutter

    Python, ROS 2

    Shutter is an interactive robot photographer that allows users to direct photo framing using intuitive hand gestures. By leveraging a Kinect Azure sensor for real-time skeletal tracking, users can control a robot-mounted camera's pan, tilt, and zoom through simple hand movements (pointing left, right, up, and down). The system maps hand positions to camera adjustments, enabling users to compose shots naturally. Once the desired framing is achieved, users can trigger the shutter with a thumbs up gesture. This project enhances human-robot interaction, giving users creative control over robotic photography through natural motion.

  • Serendipity

    HTML, CSS, JavaScript, Python, Figma

    Serendipity was an interactive installation that invited the Yale community to anonymously share and receive positive messages. Using a Kinect Azure sensor, users navigated and opened one of three message cards through body movement. After reading a revealed message, they could exit or contribute their own by scanning a QR code linked to a Google Form. Serendipity aimed to spread positivity, uplift moods, and strengthen community connections through simple, meaningful interactions.

  • Ultraverse

    React, Tailwind, JavaScript

    Developed a fully functional NFT marketplace as part of the Front End Simplified bootcamp internship, leveraging React to build a dynamic and engaging user interface. Implemented industry-standard best practices for API integration to efficiently fetch and display NFT data, while enhancing the user experience through AOS (Animate On Scroll) animations that brought visual depth to the platform. Addressed potential UX pain points by incorporating skeleton loading states during data fetching, significantly reducing perceived load times and maintaining user engagement. Utilized Git for version control throughout the development process, demonstrating professional workflow management and collaborative development practices essential for modern frontend engineering.

  • MacBook Landing Page

    React, Three.js, GSAP, Tailwind

    Developed Apple's MacBook retail landing page, featuring immersive 3D product visualizations and cinematic scroll animations. Integrated Three.js for interactive 3D MacBook scenes, GSAP for smooth scroll-driven animations, and Tailwind CSS for responsive layouts. Implemented advanced frontend techniques including scroll-triggered effects and performance-optimized rendering to create an engaging, visually stunning product showcase. This project strengthened my skills in 3D web graphics, animation choreography, and building polished, performance-conscious landing pages.

  • Soundwave (Spotify Clone)

    React, Tailwind

    Built a music streaming application inspired by Spotify to practice modern React development patterns. Implemented full playback controls with play/pause/seek functionality, album browsing, and dynamic audio management using React Context API for global state. Designed a responsive UI with Tailwind CSS featuring interactive navigation and seamless track transitions. This project strengthened my understanding of component architecture, state management patterns, and audio API integration while building a polished, user-friendly interface.

  • Library

    React, HTML, CSS, JavaScript

    A responsive React e-commerce application that allows users to browse books, filter and sort by criteria, and manage a shopping cart. Built with React Router for seamless navigation and integrates with a JSON database to fetch book data dynamically with optimized loading states.