carolinee
c
a
r
o
l
i
n
e
c
a
r
t
z
i
n
e

Selected Projects

Pattern Party

code on
Web app for finding and sharing SVG patterns. In-app SVG generator via Doodad.dev.
Firebase
React
TypeScript
Grommet
Styled Components
Css Doodle

Share-a-Sketch

code on
Web app with two modes, each updating in realtime sync across all connected users.One mode for creating patterns by changing the color and orientation of triangles.One mode for composing doodles with drawing, emojis, text, and shapes.
Firebase
React
TypeScript
Grommet
Styled Components

Elm in the Spring

code on
Website for the 2019 Elm in the Spring Conference, an Elm language event (co-organizer).
Elm
postcss-logo-symbol
PostCSS

Interactive Box-Model Diagram

An Angular.js app to visualize the box-model. Controls for changing the value of box-sizing highlight its effects on element size and which properties contribute. Featured in various developer resource roundups, picked as one of Chris Coyer's favorite demos for 2015, has over 150,000 views and 1500 ❤️s.
Angular

Spotlight Cursor Text

75th most ❤️ hearted pen of 2020
GSAP

Name Animation

GSAP

Magnetic CodePen Logo

A P5.js demo presented at the April 2015 CodePen Chicago Meetup.
p5js