Hi, I'm Jen 👋🏼
Software Engineer at Tonic, I love building things and solving problems creatively.
JV

About

Starting my career in 2018 as a Full Stack Engineer at Talkpush, I specialized in Chatbot Development before joining Tonic as a Software Engineer. I've architected and built multiple products from the ground up using technologies like Ruby on Rails, React, and React Native. At Tonic, I work with various clients currently with an E-Learning platform, where I focus on feature development, tech stack modernization, and infrastructure cost optimization.

Skills

Ruby on Rails
Hotwired
React
React Native
HTMX
Vue
Next.js
Typescript
Github CI
NPM Packages
Ruby Gems
Postgres
Elasticsearch
Redis
Heroku
AWS
Showcase

My Creative Works

A collection of my work including some of my favorite projects, experiments, features, and contributions I've made across different organizations.

  • A

    Automation for E-Learning Platform

    TonicE-Learning
    Implemented comprehensive automation capabilities through Make (formerly Integromat) and Zapier integrations. Developed custom webhooks and API endpoints enabling school owners to automate various tasks including member management, progress tracking, and reporting. The integration allows for automated welcome emails, progress notifications, achievement tracking, and custom workflow automation based on user activities.
    Ruby on Rails
    Make.com
    Zapier
    Webhooks
  • P

    PWA Capabilities for E-Learning Platform

    TonicE-Learning
    Enhanced an existing Rails application with Progressive Web App capabilities, improving mobile experience. Implemented service workers for caching strategies and asset optimization, resulting in faster load times and better user engagement across devices.
    Ruby on Rails
    PWA
    Service Worker
    Hotwire
  • S

    Saving $45,000/year on cloud costs

    TonicE-Learning

    Led a comprehensive cloud cost optimization project for an E-Learning platform client.

    • Identified and optimized a single major cost driver that accounted for nearly 50% of savings
    • Implemented cost-effective alternatives to AWS services (e.g., using bunny.net for video hosting)
    • Resolved performance bottlenecks that were causing unnecessary auto-scaling

    The project demonstrated that significant savings can come from both major infrastructure changes and numerous smaller optimizations.

    AWS
    Heroku
    Hatchbox
    Ruby on Rails
    Redis
    bunny.net
    Postgres
  • R

    Rails 7 Upgrade

    TonicE-Learning
    Upgraded a Ruby on Rails 6 application to Rails 7, improving performance and modernizing the technology stack. This upgrade included updating dependencies, migrating to the latest version of Ruby, and optimizing database queries to ensure optimal performance. Implemented Turbo and Hotwire to improve user experience and reduce page load times.
    Ruby on Rails
    Ruby
    Turbo
    Hotwire
  • G

    Gamification Feature

    TonicE-Learning
    Implemented a gamification feature for an E-Learning platform, allowing schools to track and reward student engagement and progress. This feature included leaderboards, points, and badges to motivate students and improve overall community participation.
    Ruby on Rails
    Hotwired
  • N

    NFT Token Image Builder

    Stealth Startup
    Built an interactive NFT generation tool using Pixi.js that creates unique hexagonal-based token designs. The builder features a composite hexagonal grid where each cell can be individually customized with patterns, colors, and rotations. Users can create distinctive guild emblems through an intuitive interface that allows for pattern selection and manipulation of individual hexagon properties.
    React
    Next.js
    Pixi.js
    RainbowKit
    Ethereum
    Web3
  • M

    MiniJS

    Open SourceUtility Library
    Developed a lightweight, custom JavaScript utility library at Tonic to streamline internal projects and reduce external dependencies. Built from scratch with a focus on modular, efficient solutions tailored for specific needs. The library provides essential utility functions for common JavaScript tasks while ensuring performance and cross-project compatibility.
    JavaScript
    Vite
    Github Actions
    NPM Packages
  • E

    Exploring Body Measurement Approaches in 3D Scanning

    Tonic3D Scanning
    A technical deep-dive into various approaches for body measurement scanning, including LiDAR, Computer Vision, ARKit, and Photogrammetry
    LiDAR
    Computer Vision
    ARKit
    Photogrammetry
    SwiftUI
  • P

    Port Management System

    TonicEnterprise Software
    Led the development of a comprehensive Port Management System, contributing to approximately 80% of the feature set. Key implementations included a dynamic PDF template system for document generation, an advanced email builder with automated sending capabilities, secure PDF signing and stamping functionality, and an automated receipt generation system. These features significantly streamlined port operations and document processing workflows.
    Ruby on Rails
    HTMX
    Hyperscript
    PDFKit
    Postgres
    Sendgrid
  • N

    NFT Collection Launch

    Stealth Startup
    Led the technical implementation for a custom NFT collection launch, developing 90% of the system. Built an automated NFT generation pipeline using Ruby on Rails, implemented a secure minting interface for collection release, and created a staking system for token holders. The project integrated Solana for blockchain transactions, Metamask for wallet connectivity, and Cardinal for staking rewards, providing a complete ecosystem for NFT holders.
    Ruby on Rails
    Next.js
    React
    Solana
    Web3
    Metamask
    Cardinal Staking
  • J

    Jamango Game Features

    JamangoGaming
    Contributed key features to an online gaming platform on a part-time basis. Implemented a persistent world system using Google Cloud Platform for state management, enabling continuous game sessions and seamless player reconnection. Developed a real-time game chat system for player communication. Both features were built with a focus on performance and scalability using Three.js for the game engine and Rails backend.
    Three.js
    Ruby on Rails
    GCP
    WebSockets
    Real-time Communication
  • N

    NFT Collection Launch

    Stealth Startup
    Implemented the NFT lifecycle for a collection that allows holders to generate new NFTs by applying shader effects to their existing tokens. While the creative shader system was handled by another team, I was responsible for developing the complete NFT infrastructure including the minting interface, whitelist management system with token-gating functionality, and automated token distribution scripts. Integrated with Solana for blockchain transactions and implemented secure wallet connectivity through Metamask.
    Ruby on Rails
    AWS Device Farm
    Solana
    Web3
    Metamask
  • N

    NFT Drawing Game

    Stealth Startup
    Built a collaborative drawing game similar to Gartic Phone, developing 95% of the project features. Implemented a real-time sketch canvas with replay functionality, integrated WebRTC for seamless multiplayer communication through Daily.co, and incorporated Solana wallet connectivity for NFT interactions. The game features included live drawing capabilities, synchronized playback of drawing sequences, and blockchain integration for NFT-based gameplay.
    Next.js
    WebRTC
    Daily.co
    Canvas API
    Solana
    Metamask
    Alby
  • E

    Editmode Magic Editor

    EditmodeDeveloper Tools
    Spearheaded the modernization of Editmode's core Magic Editor tool by rebuilding it from jQuery to vanilla JavaScript. This migration improved maintainability, reduced bundle size, and established better version control practices. Published as an NPM package, this editor became a crucial feature of Editmode's content management system, enabling seamless content editing capabilities for clients.
    JavaScript
    Rollup
    jQuery
    NPM Packages
    Version Control
  • A

    Atlas.fm Features

    AtlasMedia Platform
    Contributed key features to Atlas.fm, including a cross-browser extension for content clipping, Twitter-style embedded displays for clipped tweets, and a podcast transcription system. The browser extensions were developed for Chrome, Firefox, and Safari, enabling seamless content capture across platforms. Implemented using Ruby on Rails with Hotwired for real-time updates and responsive interactions.
    Ruby on Rails
    Hotwired
    Chrome Extension
    Firefox Extension
    Safari Extension
  • E

    Editmode Integration Libraries

    EditmodeOpen Source
    Developed three essential libraries for Editmode platform integration: two NPM packages for JavaScript/React compatibility and one Ruby gem for Rails applications. The React integration library enabled seamless embedding of Editmode components in client React codebases, while the JavaScript utility package provided reusable functions to simplify setup. The Rails gem streamlined backend integration with native helper methods. These libraries became core tools for Editmode's client integration strategy, significantly reducing implementation time and ensuring cross-platform compatibility.
    JavaScript
    React
    Ruby
    NPM Packages
    Ruby Gems
    Version Control
  • E

    Editmode Branching Feature

    Editmode
    Developed a branching system for Editmode's content management system, allowing clients to create multiple versions of their content. This system included a branching interface for content editors, a branching engine for content rendering, and a branching API for client integration. The system also featured merging capabilities with an intelligent conflict detection and resolution system to help content editors safely merge changes between branches.
    Ruby on Rails
    Alpine.js
    Postgres
Contact

Get in Touch

Want to chat? Feel free to send me an email or send a DM on Twitter.