Raina K. Puels

Writer, Programmer, Administrative Powerhouse











































An Ai generated image of Raina. They're wearing a metallic top, and their mullet looks really cool. The background is a celestial blue and purple.

With seven years administrative experience, five years teaching college writing, and two degrees in creative writing, I never thought I’d be a programmer.

But look at me now! I’m currently enrolled in MIT xPro Full Stack Professional Certificate in Coding where I’m learning JavaScript, CSS, and HTML.

I developed a taste for programming at my 9-5, a FinTech startup where I support four engineering teams. I wanted to understand the complexities of my colleagues’ work—and now I do!

Get in touch: GitHub / LinkedIn / rainakpuels@gmail.com























A black backround with white eyes that have a red glow around them. The irises are red and have a black pupil at the center.

Eye Tracking Exercise

Using CSS, we created two eyes that have a movable iris in the center. The irises move with the JavaScript "onmousemove" event. I made my eyes spooky and added in a custom "house fly" cursor so the eyes had something fun to follow around the screen.


A PacMan factory game with yellow buttons with a white shadow in the corner. One says, 'Add PacMan' and when you click it, yellow open-mouth PacMen are added. THe second button 'Make 'Em Bounce' causes the PacMen to move across the screen and bounce and change direction when they hit a wall. The background is black with a classic PacMan maze in the center.

PacMan Factory


Using JavaScript and HTML, we created a PacMan Factory. The "Add PacMan" button generates a PacMen using factory functions. The "Make 'Em Bounce" button causes all the PacMen to move in sporadically. If you continue pressing this button, the PacMen move faster and faster!

A dark, night mode Google Map has several red bus markers across the MBTA Route 1 bus line.

Real Time Bus Tracker

Using Google Maps API, MBTA API, JavaScript, CSS, and HTML, we created a "Real Time Bus Tracker" that uses data from the MBTA to track the live locations of its Route 1 busses. It updates every 10 seconds. This code uses asynchronous functions, the "await" operator, and promises.