I designed a personal website for Janel C Sterbentz. I used nextjs for the "frontend" and directus for cms backend.

I did 2 months of contract work for persona and built a "refresh" of their shared banking webapp to match their mobile app, turned out better than the native version imo. I worked primarily on the frontend using react, tailwind, and firebase. Check out the video below to see some of the featured animations.

Playdao: A Futuristic Hackathon Project for ETHDenver 2023

Playdao is an innovative and forward-thinking protocol designed to revolutionize the way we operate in a collective consciousness-driven world. By transcending traditional currency and organizational systems, Playdao aims to create a decentralized directed acyclic graph (DAG) called the Value Action Graph (VAG). This graph is engineered to shape dynamic, action-value-centric educational, organizational, and economic infrastructures.

Inspired by neural networks, Playdao leverages Ethereum-like attestations to link actions and values, creating meta value tokens that can be stacked and compared against each other. The ultimate goal is to establish a global/local mesh network that mimics the functionality of a neural network. This network enables currency-free systems and empowers humans and artificial intelligences to make informed decisions based on their environment, constantly optimizing for values...

Pollen Mobile is a decentralized MNO (Mobile Network Operator) that combines blockchain and mobile networking concepts to address gaps in wireless network coverage.

To incentivize early adopters, Pollen Mobile allows them to earn ERC-20 tokens on the Solana blockchain by providing coverage in a gamified manner. I developed an admin dashboard with extensive search functionality to debug and monitor radios across the network. The dashboard integrates with various backend APIs hosted on AWS through Node.js middleware.

On the front-end, I used React, GraphQL, and Tailwind for the user interface. As part of the dashboard, I created tools for automating the production, flashing, and testing of network validators in bulk. These tools can be used by technicians during assembly, flashing, and testing processes.

Additionally, I rebuilt their network explorer to improve performance and provide a cleaner user interface.

The editor-gui is a web-based React GUI library that I developed for use with my middleware game editor. It is similar to libraries such as datgui and imgui, designed to streamline the quick creation of overlay editor panels and widgets. While this library may not be as robust as imgui, it is easy to use and sufficient for basic needs. It offers features such as window movement, resizing, hiding, and snapping to the edges of the screen. Additionally, it provides a variety of UI inputs including color pickers, draggable variables, checkboxes, number and text inputs, buttons, menus, and multi-variable line/bar charts. You can find examples and documentation for the library in the link below.

During my time with Allether, I gained valuable experience managing and developing a large-scale project. I worked with a wide range of technologies throughout the entire stack, including designing mockups, developing applications and modules, and configuring the CI/CD pipeline.

The project consisted of three main interfaces: the Client Portal, Technician App, and Admin Panel. The Admin Panel was used by in-house administrators to assign and schedule tickets, manage inventory and devices, track employee timecards, and handle user management and document uploads. The Technician App allowed users to view, sign, and upload documents and pictures, scan devices, punch timecards, and access other features.

Technologies used:

• JavaScript
• HTML5
• CSS3
• React
• Node.js
• Docker
• Google Cloud Platform (GCP)
• Amazon Web Services (AWS)

I was looking around codepen and decided to build an inspirational iOS like toggle button. This button was written in GLSL and used my shader-box library to easily render the shader on the screen.

Allether tasked me to build their national guard project tracker site. In this project, I used webgl and react to create a matrix like green tinted theme & background.

re-lui is a collection of elegantly designed React components. I have personally used these components in production for the allether project, and they have proven to be highly effective.

One of the key features of re-lui is its ability to customize component colors using a theme. Additionally, it offers stylish input bars that dynamically change colors based on user input.

Although the library currently lacks documentation, I am open to updating it if there is interest from the community. However, please note that my focus has shifted to a more advanced UI library for my new Lerp project, which is why I haven't been actively working on re-lui recently.

shadertoy glsl imagery, checkout the link to view the code and see the animation.

cool looking blob thingy

The ReSlide library is a recursive react sliding carousel component. It functions like a carousel slider that can slide in either direction, and it can be nested recursively.

Although it is an older library, it includes performance optimizations such as automatically skipping the rendering of components that are not visible.

I personally find this library very cool and still use it. You can check out the pi-arts demo project to see the library in action, although please note that the version used there may be a bit outdated.

An IOT Faucet Design made with blender.

I re-designed https://smallbusiness.com for Rex Hammock. The project included SEO optimization and some costom-built wordpress plugins.

I did a number of wordpress sites, adobe after effects designs, blogs, small codepens, user interface libraries, and other personal uncompleted projects.