barbajoe's tech

barbajoe

I’m also joe-s-avaya and one of the primary contributors for several of Avaya’s UI Libraries, but most notably, the Neo React Library, which is an Accessible React Library for reusable components.

You can see a longer description of what I’ve been up to on my resume.

skills

Svelte(Kit), TypeScript, and React are where the majority of my skills lie. I enjoy learning about new technologies and have, at the time of this writing, been exploring Astro, Tauri, Rust, Vite, Vitest, and Ionic’s Capacitor. I am also passionate about usability and accessbility, and am in the process of acquiring an Accessibility Certification through the Accessibility Association.

recent projects

I started a blog! 🎉

The first step to greatness I’m told. I’m leveraging several technolgies that I’m already familiar with, such as SvelteKit and PayloadCMS. I’m keeping it bare-bones at the start and also using this as a reason to centralize shared components into my Svelte Library.

Tech Used: SvelteKit, PayloadCMS, and the usual suspects

This is a desktop app for keeping track of where people live. I created this due to working for a global company and being unable to find any other solution that did what I wanted. Plus, I wanted an excuse to play with Tauri.

Tech Used: Tauri, Rust, SvelteKit, TypeScript, Vite, CSS, PNPM, Cargo, ESLint, Prettier, JavaScript, ESM, GitHub, GitHub Actions

This is an advice site for amateur fighters. I compile advice and helpful content and occasionally post my thoughts about training and the life of a fighter.

Tech Used: Payload CMS, Northflank, Netlify, Express, MongoDB, NoSQL, SvelteKit, TypeScript, Vite, CSS, PNPM, Cargo, ESLint, Prettier, JavaScript, ESM, GitHub, GitHub Actions

This is my exploration into a mono-repo with multiple dependencies. It contains several repositories including, but not limited to, a small Astro app (barbajoe.tech), an Astro Library Staging page, a pure CSS Library, a Svelte Library, and a React Library. All of these have a GitHub Action that auto-publishes them whenever their version is updated. I utilize the libraries in all of my new projects and regularly update them as I find a reason to.

Tech Used: Astro, Netlify, ReactJS, Svelte, SvelteKit, TypeScript, Vite, CSS, PNPM, ESLint, Prettier, JavaScript, ESM, GitHub, GitHub Actions

This is the outcome of me learning how to clearly express my emotions. Because a picture is worth a thousand words, and cats are exceptionally expressive. The app also allows you to track your emotions over time, and having that history is something that I found helpful to look back on.

Tech Used: ReactJS, Charka UI, Hasura, PostgreSQL, Netlify, TypeScript, react-scripts, CSS, Yarn, ESLint, Prettier, JavaScript, ESM, GitHub, GitHub Actions

older projects

Barbacoa08: I discovered how to personalize my github account, so I had to play with it!

barbie meals: is/was my response to recipe sites having so many ads! Plus, although there are many ways to store recipies, this gave me an excuse to play with some tech I hadn’t previously; such as ChakraUI, PouchDB, reactn, and others.

death graphs: I was curious about COVID deaths in comparison to previous deaths by year, so I built this app really quickly to play with the data. I abandoned it after a few months due to many other people having the same idea. I also don’t use graphs often, so I’ve kept this around as a reminder of how to build/use graphs.

throw-away projects

electron example: I read about Electron and wanted to build a minimal app for my Mac and PC with React tech.

hackernews with React and Apollo: GraphQL is absolutely wonderful tech, but I rarely get to play with it in my day job, so I followed this tutorial to gain some more knowledge about it.

trains graph: I wanted to play with react-graph-vis, and had read an article on weighted graphs, so I threw this together.

rest countries: NASA has several openly available API’s, but their APOD API is so cool! So I threw this together to play with it.