Jess Hendricks | Existential Music

Full Stack Developer | TypeScript, React, Rails & Node.js | Composer | Animator

Portfolio

This is a portfolio of some of my recent projects and code samples. Github repos are included for public code. Check back often, as there is more to come!

Game Master Guru

Game Master Guru

Generate character names, taverns, and adventure hooks, and access rules all in one app

Welcome to Game Master Guru, the ultimate app for tabletop RPG enthusiasts! With our app, you can easily generate a variety of fantasy elements to enhance your roleplaying experience, as well as access all the rules from the Wizards of the Coast System Reference Document. Here are the key features:
- Fantasy Name Generator: Create a unique character name for your next adventurer with ease. Select the gender and race of your character, and let the app do the rest.- Tavern Name Generator: Need a place for your party to rest their weary heads? Generate a random tavern name with just a tap.- Adventure Hook Generator: Stuck on where to take your campaign next? Let Game Master Guru suggest a short adventure hook based on your party's level.- 5e Rules: Access all the rules you need for your game from the Wizards of the Coast System Reference Document.
With our simple and intuitive interface, you can create unique characters, locations, and quests in a matter of seconds. No more wracking your brain for ideas or flipping through rulebooks. Get creative and take your game to the next level with Game Master Guru!

ReactJSNodeJSRuby on RailsReact NativeView Application
Connect Four Sample App

Connect Four Sample App

An simple Connect Four app | Next.JS

A modern Connect Four game built with Next.js, React 19, and TypeScript using the App Router and React Server Components. Includes keyboard and mouse interaction, sound effects for gameplay, and clear modular organization.

Visualizations Example

Visualizations Example

Frontend and API with Next.js and GraphQL

This demo visualizes a set of sample products, each with a 30-day simulated price history. Use the table below to explore product metadata, and the interactive graph to compare price trends over time. Click or double-click legend entries to focus on individual products. The data is randomly generated on the server for demonstration and testing of time series visualizations.

  • Products: Each includes title, brand, category, images, and rating
  • Price History: 30 days of simulated price data per product
  • Graph Features: Transparent background, bright text, interactive legend

API Repository: https://github.com/jesshmusic/grafana-example-api

ReactJSNodeJSNext.jsGraphQLView ApplicationView Github Repo
GraphQL Example API

GraphQL Example API

A simple NodeJS backend API

This is a sample API project built with Apollo Server and GraphQL. It provides a simple products API for querying and exploring a product catalog using GraphQL.

Features
  • GraphQL API for products (query all, query by ID)
  • Built with Apollo Server
  • Sample product data in memory, including:
    • 30-day historicalPrices field on each product for realistic time series testing
  • Ready to use with Apollo Studio, GraphQL Playground, or similar tools
Living Music Database

Living Music Database

Full Stack Rails and React project for discovering new classical music

Living Music Database is a full-stack web app I built to help users effortlessly discover and explore new music. Developed with React on the front end and Rails on the back end, it leverages PostgreSQL for data storage and SCSS for clean, responsive styling. Every night, a custom Rake task taps into the iTunes, Spotify, and Google APIs to automatically refresh the database, ensuring the content is always fresh and relevant. Users can seamlessly search, filter, and browse artists, albums, and tracks, creating a dynamic, enjoyable experience for music enthusiasts. This project showcases my ability to integrate multiple APIs, handle automated data workflows, and deliver a smooth, intuitive user experience.

ReactJSRuby on RailsView Application
ComposersCape Blog

ComposersCape Blog

A Next.JS blog designed and built with a Strapi backend.

ComposerScape is a modern web platform tailored to composers and musicians, offering a dynamic and responsive interface powered by ReactJS and Next.js.

At the core, ComposerScape integrates Strapi, an intuitive, headless CMS backend, allowing flexible content management, seamless API interactions, and efficient handling of composer data, compositions, and related media.

The front-end utilizes clean and modular React components, facilitating maintainability and scalability. State management and dynamic content rendering ensure real-time updates and interactivity, creating a user-centric experience. Deployed to Heroku, the application demonstrates effective use of cloud hosting and continuous deployment practices.

ReactJSNext.jsStrapi APIView ApplicationView Github Repo
Dungeon Master Guru

Dungeon Master Guru

A tool for Table Top RPG Game Master to use during sessions.

DM Campaign Manager is a user-friendly web application designed to simplify managing Dungeons & Dragons campaigns. The app features a React front-end paired with a Ruby on Rails backend, seamlessly integrating OpenAI to enhance storytelling and content generation. State management is streamlined with Redux, providing efficient data handling and responsiveness. Dungeon Masters can effortlessly track characters, NPCs, locations, and session notes, reducing preparation time and maintaining smooth gameplay. Robust search and sorting capabilities ensure rapid access to essential details during live sessions. Open-source and customizable, DM Campaign Manager empowers users to adapt the platform to their unique storytelling needs, blending intuitive design with powerful, AI-driven assistance to help Dungeon Masters focus less on logistics and more on creating immersive adventures.

ReactJSRuby on RailsReact NativeView ApplicationView Github Repo