Projects 🛠️

A list of all the things I have been a part of. All of these projects are open source so you can check them out on GitHub.

Kato

screenshots of Kato

Kato is a free and evolving alternative to the Momentum app. It replaces the default new tab page with a visually pleasing dashboard. It offers a clean and intuitive design, featuring a daily inspirational quote, a to-do list, and a weather widget. As a work in progress, it strives to continually improve and refine its features based on user feedback and evolving needs. Stay tuned for updates as Kato evolves into a robust productivity tool.

Nuxt.js
Vue 3
Typescript
Tailwind CSS
Naive UI
Vite
Supabase
Prisma
Zod
PostgreSQL

FAIRshare

screenshots of FAIRshare

FAIRshare is an application created to help researchers submit datasets and other releated research data while complying with the relevant FAIR data standards. It uses a Vue 3 and Tailwind CSS based frontend within an Electron container to handle the user facing portion of the application. The backend is handled by a custom Flask instance that is shipped within the application. Google Analytics is used to track the usage of the application.

Vue 3
Flask
Electron
Python
Tailwind CSS
Histoire
Vite
Google Analytics

SODA for SPARC

screenshots of SODA for SPARC

SODA is an Electron based application to help researchers of the NIH SPARC program comply with the rules for data sharing to the SPARC data portal. It used native html, js and css alongside a python based backend to achieve this goal. Google Analytics is used to track the usage of the application.

Electron
Javascript
Python
Storybook
Google Analytics

FAIR Data Innovations Hub Website

screenshots of FAIR Data Innovations Hub Website

A Next.js website created for the FAIR Data Innovations Hub organization. This site uses Vercel serverless functions for contact forms with custom email responses. A custom markdown based blog has been integrated for news and updates. End-to-end testing is handled via Cypress.

Next.js
Typescript
React
Tailwind CSS
Cypress

AI-READI Website

screenshots of AI-READI Website

The AI-READI organization is generating a flagship AI-ready and ethically-sourced dataset to support future AI-driven discoveries in diabetes. The AI-READI website is built with Next.js and is the main source of information about the project.

Next.js
Typescript
React
Chakra UI
Tailwind CSS

FAIRshare Authentication

screenshots of FAIRshare Authentication

Since FAIRshare integrates with external data repositories, an external browser based authentication system was created to allow users to log into their data sources and archival platforms. This system is built with Next.js and uses a custom API to handle the authentication process. Custom protocols are used to handle communication between the browser and the FAIRshare Electron application.

Next.js
Typescript
React
Tailwind CSS

SPARClink

screenshots of SPARClink

A hackathon project that uses data from the SPARC portal to create graph-based visualizations about the reuse of data from SPARC experiments. A custom Flask backend is used to handle some minor data manipulation and machine learning features on the gathered data.

Vue 3
Tailwind CSS
Flask
Python

Bi/Trifurcation Calculator

screenshots of Bi/Trifurcation Calculator

When stenting a diseased artery segment in a bifurcation or trifurcation, it is important to ensure diameters that will achieve optimal blood flow to prevent risks of restenosis. This calculator helps to determine the optimal diameter for a diseased segment knowing the diameters of the other two or three segments in a bifurcation or trifurcation, respectively.

Nuxt.js
Vue 3
Typescript
Tailwind CSS
Naive UI
Vite

Everything else...

Occasionally I work on projects that are born out of curiosity. The following list includes components, libraries, demos, starter templates and anything else that piqued my interest. All of these projects are open source so you can check them out on GitHub.

Vue 3 Lottie

GitHub overview page for Vue 3 Lottie

Vue 3 Lottie is a component that allows you to add Lottie animations to Vue applications. Vue 3 Lottie is a vue wrapper around the lottie-web library with a few additional features.

badgebadgebadge
Vue 3
Vite
Nuxt.js
Typescript

Vue 3 Marquee

GitHub overview page for Vue 3 Marquee

Vue 3 Marquee is a simple marquee component for Vue 3 that creates customizable marquees. This library was born from an internal need for a quick and easy marquee component that I wanted to use in our website homepage. Many of the component libraries that I found were either unmaintained, complex or not compatible with Vue 3. So I decided to create my own.

badgebadgebadge
Vue 3
Vite
Nuxt.js
Typescript

GitHub Zenodo release action

GitHub overview page for GitHub Zenodo release action

This is a Github action to update your 'codemeta.json', 'CITATION.cff' and '.zenodo.json' files with the release information and then upload your release to Zenodo. This action is primarily created for use for documentation releases at the FAIR Data Innovations Hub but can be used by anyone for any Github repository.

badge
Javascript

Electron Vue 3 Flask Starter

GitHub overview page for Electron Vue 3 Flask Starter

This is a template that creates an Electron application with a Flask backend and uses Vue3 and TailwindCSS (optional) for the frontend. Your backend api will be using Flask-RESTX for easier API development and automatic Swagger documentation.

badge
Vue 3
Electron
Flask
Tailwind CSS