Development Challenges and Solutions

Technical deep-dives and problem-solving approaches from my projects

Items Per Row: 12

Calculating the Optimal Distribution of Items to Maximize Available Space

For my first big project, Visual Fraction Library, I was creating models of fraction division with up to 300 circles for users to download as images. For example...

Creating my own Collision Detection Algorithm

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

<CurrentLevelProvider>
  <GameProgressProvider>
    <BoardSquaresProvider>
      <PiecesInPlayProvider>
        <SelectedPieceProvider>
          <GameInterface />
        </SelectedPieceProvider>
      </PiecesInPlayProvider>
    </BoardSquaresProvider>
  </GameProgressProvider>
</CurrentLevelProvider>

Untangling Multiple Layers of React Context

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

$fraction division model showing 3 and 3 fifths divided into groups of 2/5 where each group is shown in a different color.$

An Algorithm to Avoid Matching Adjacent Groups

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

Loading necessary dependencies for embeddable widget

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

Do you want to save this as your default location?

When friction is a good thing

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud


  function drawVerticalFractionBar(
  svg,
  x,
  y,
  width,
  height,
  numerator,
  denominator,
  lineThickness,
  colorFill,
  borderColor,
  background = 'none',

Refactoring Functions with Way too Many Parameters

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

math puzzle with one piece placed out of bounds

UX for handling out of bounds piece placements

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud


  const location = "board-(2,3)"

Refactoring To Decouple Data and Avoid Combinatorial Explosion

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

Diagram showing 3 different users interacting with each other

Testing A Multi User Application

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

© 2025 Julianna Messineo