IroncladDev LogoHeadline
AboutShowcaseBlogContact

Showcase

I enjoy making websites, games, and open-source projects for the world to use. Launching a new project to production is so rewarding 🚀

AmjadGPT

AmjadGPT is a chatbot trained to act like Amjad Masad, built with LangChain and Next.js.

This was my first time exploring Langchain. It was a wild adventure from starting out to completing it. I'm very proud of this project and how it turned out.

February 2023
Technology
LangChainLangChain is a library for building LLMs through composability
Technology
TypescriptTypescript is a JavaScript type-checking language
Technology
Next.jsNext.js is a react framework for building web apps
Technology
PythonPython is a multipurpose programming language useful for AI, ML, web apps, and more
Technology
MongoDBMongoDB is a powerful NoSQL database
Technology
Node.jsNode.js is a JavaScript runtime for the UNIX-like system
Technology
SassSass is a CSS preprocessor with improved syntax and functionality
Technology
Emotion CSSEmotion is a library designed for writing css styles with JavaScript
Hyperdome

Hyperdome, short for "HTMX Thunderdome" is an AI chat app that comes with three AI presets consisting of:

This was my first time actually using Bun, HTMX, and Hyperscript in a project and I had a blast

November 2023
Technology
TypescriptTypescript is a JavaScript type-checking language
Technology
Next.jsNext.js is a react framework for building web apps
Technology
SupabaseSupabase is a cloud-based database that lets you manage your data securely and privately
Technology
HTMXHigh-Power Tools for HTML
Technology
HyperscriptHyperscript simplifies front-end web development by embedding code directly on web page elements for easy event handling and DOM manipulation.
Technology
Tailwind CSSTailwind is a utility-first CSS framework that lets you focus on your content.
Technology
BunBun is a TypeScript compiler that compiles your code to JavaScript.
Replit

I worked at Replit as a Support Engineer from August 2022 to July 2023 and used a wide range of technologies from GraphQL to Next.js and implemented various features.

One of the first things I fixed was jumping to a comment from your notifications. Previously, there was no way to find which notification a comment was linked to.

August 2022
Technology
Next.jsNext.js is a react framework for building web apps
Technology
TypescriptTypescript is a JavaScript type-checking language
Technology
ReactReact is a JavaScript library for building user interfaces
Technology
Emotion CSSEmotion is a library designed for writing css styles with JavaScript
Agape Chiropractic TX

I rebuilt my dad's home business chiropractic website with Framer Motion and Next.js. The first version (bottom of page) is a literal embarrassment compared to this one.

I took on a minimalistic black-on-white design and used some fancy animations with the aid of Framer Motion. It turned out as one of the cleanest and most polished websites I'd ever built.

June 2023
Technology
Next.jsNext.js is a react framework for building web apps
Technology
ReactReact is a JavaScript library for building user interfaces
Technology
Emotion CSSEmotion is a library designed for writing css styles with JavaScript
Liberty Cappy

I built a website for Liberty Cappy, a large Twitter/X influencer.

I had a lot of fun building, tweaking, and polishing the site. The scroll-linked animations built with Framer Motion, SVG, and HTML Canvas, were very fun to build.

August 2023
Technology
Next.jsNext.js is a react framework for building web apps
Technology
ReactReact is a JavaScript library for building user interfaces
Technology
Framer MotionFramer Motion is a React library for making beautiful and performant animations
Technology
Emotion CSSEmotion is a library designed for writing css styles with JavaScript
Technology
TypescriptTypescript is a JavaScript type-checking language
YouBarter

YouBarter is a non-profit organization where everyone can share and help in their own community by bartering with each other.

February 2022
Technology
Next.jsNext.js is a react framework for building web apps
Technology
Node.jsNode.js is a JavaScript runtime for the UNIX-like system
Technology
ReactReact is a JavaScript library for building user interfaces
Technology
MongoDBMongoDB is a powerful NoSQL database
Technology
SassSass is a CSS preprocessor with improved syntax and functionality
AI Playground (Replit Extension)

I built a Replit Extension that allows users to chat with multiple AI models, customize the base prompts, and even run and compare different AI models in parallel.

April 2023
Technology
Next.jsNext.js is a react framework for building web apps
Technology
Node.jsNode.js is a JavaScript runtime for the UNIX-like system
Technology
ReactReact is a JavaScript library for building user interfaces
Technology
MongoDBMongoDB is a powerful NoSQL database
Technology
SassSass is a CSS preprocessor with improved syntax and functionality
ReplTV (Replit Extension)

ReplTV allows you to stream your code directly within the Replit Workspace. A collaboration between bddy, haroon, and I.

The extension watches the contents of the current file you are coding in and streams it to all viewers over websockets.

March 2023
Technology
Next.jsNext.js is a react framework for building web apps
Technology
Node.jsNode.js is a JavaScript runtime for the UNIX-like system
Technology
ReactReact is a JavaScript library for building user interfaces
Technology
MongoDBMongoDB is a powerful NoSQL database
Technology
SassSass is a CSS preprocessor with improved syntax and functionality
Celestron

Celestron is a tower defense game based around the Replit community.

🏆 1st place winner in Replit's Made with Replit hackathon.

Developed by me, spotandjake, and JDOG787.

April 2022
Technology
p5p5 is a JavaScript library for creative coding, interactive graphics, and games
Technology
TypescriptTypescript is a JavaScript type-checking language
Technology
SassSass is a CSS preprocessor with improved syntax and functionality
Technology
Node.jsNode.js is a JavaScript runtime for the UNIX-like system
Langchain.js LLM Template

Shortly after launching AmjadGPT, Langchain.js just got released. I created a template with it and made a tweet thread that went viral.

I made the template because I really dislike the syntax of Python.

February 2023
Technology
Node.jsNode.js is a JavaScript runtime for the UNIX-like system
Technology
LangChainLangChain is a library for building LLMs through composability
All Metal Welding

All Metal Welding was one of my freelance projects for a welder, Philip Davis.

Philip is currently living around northern Texas, so if you need a welding job done, you got the right man for the job 🔨

May 2021
Technology
Next.jsNext.js is a react framework for building web apps
Technology
ReactReact is a JavaScript library for building user interfaces
KuhnHong.com

Kuhn Hong has created some of the most amazing art I've ever laid my eyes on, and it was an honor to be able to build his website.

The design style I took on for this project is unique among all my other projects, and I really like how it turned out.

August 2021
Technology
Next.jsNext.js is a react framework for building web apps
Technology
ReactReact is a JavaScript library for building user interfaces
Tarragon

A few Replit commmunity members and I made Tarragon for Replit's annual Kajam game jam. This was not an entry, as we were "Kajam mentors", or helpers for competitors and participants. We made this game as a surprise for the competitors to play at the end.

June 2021
Technology
p5p5 is a JavaScript library for creative coding, interactive graphics, and games
Technology
HTMLHTML is the markup language used to create web pages
Face the Darkness

The creation Face the Darkness dates back to early 2020, when I was still using processing.js. Although it's one of my oldest projects, it's one of the most polished ones I made as well.

P5.js is quite simillar to processing.js, but is more performant, and is the modern version.

February 2020
Technology
HTMLHTML is the markup language used to create web pages
Intercepter

I built Intercepter for Replit's creator fund, and also won a spot and $500.

I had recently stumbled across starblast.io, and really liked the gameplay and interface. Another large inspiration was Ivan Dubovik's artwork on Dribbble.

August 2022
Technology
HTMLHTML is the markup language used to create web pages
Technology
p5p5 is a JavaScript library for creative coding, interactive graphics, and games
Orbitron Tower Defense

The name "Orbitron Tower Defense" was inspired by the Orbitron google font. This tower defense was made for a mini-jam on Khan Academy following the theme of no text. Although there is text in the game, I drew the font out of pixel art.

April 2021
Technology
HTMLHTML is the markup language used to create web pages
Technology
p5p5 is a JavaScript library for creative coding, interactive graphics, and games
Taime is Ticking

A time-based dungeon crawler game made for the Huggingface Open Source AI Game Jam in 48 hours.

Kaboom.js v3000 had been released a few days beforehand and I was eager to try it out.

July 2023
Technology
HTMLHTML is the markup language used to create web pages
Technology
Kaboom.jsKaboom is a Javascript framework for making 2D browser-based games.
Advanced P5.js Platformer Engine

I used Matter.js and P5.js to make this easy-to-use platformer template for people to kickstart their next game with. Not only does this engine support default physics and mechanics, but also wall jumping, irregularly-shaped blocks, and more.

August 2022
Technology
HTMLHTML is the markup language used to create web pages
Technology
p5p5 is a JavaScript library for creative coding, interactive graphics, and games
Vulcanist

Vulcanist is a multiplayer first person shooter made for Replit's 2021 Kajam competition. I spent 15-17 hours coding for seven days straight for the game jam, and I'm glad I spent that much of my time on it.

I remember the old days of Replit Apps and the fading remains of Repltalk. I remember dying to get my project trending and was really happy when it did.

Vulcanist won an honorable mention in the closing ceremony. I of course was a little sad that all this work, time, and dedication didn't yield the results I wanted, but looking back I realize I didn't follow the jam theme closely at all.

November 2021
Technology
HTMLHTML is the markup language used to create web pages
Technology
p5p5 is a JavaScript library for creative coding, interactive graphics, and games
Technology
Node.jsNode.js is a JavaScript runtime for the UNIX-like system
Replyte

Replyte is a realtime chat app hosted on Replit. I found a way to hook up an express.js server to a Next.js application, so I utilized that to enable websockets with Socket.io.

This project won a spot in the Replit's Creator Fund program, and I won $500 for it.

August 2022
Technology
Next.jsNext.js is a react framework for building web apps
Technology
ReactReact is a JavaScript library for building user interfaces
Technology
SassSass is a CSS preprocessor with improved syntax and functionality
Technology
MongoDBMongoDB is a powerful NoSQL database
Technology
Node.jsNode.js is a JavaScript runtime for the UNIX-like system
Replit Moderation Dashboard

I built Replit's official Moderation Dashboard as a contract project before I started working at Replit. At the time of creation, we had a very clunky and unorganized way we handled reports.

The entirety of the project took over a year, including a complete remake.

As of March 2023, the dashboard is being remade by some other community moderators.

November 2021
Technology
Next.jsNext.js is a react framework for building web apps
Technology
ReactReact is a JavaScript library for building user interfaces
Technology
SassSass is a CSS preprocessor with improved syntax and functionality
Grace Reformed Baptist Church

I made the website for my church, which is currently located in Honey Grove, Texas. My dad took some pictures at church and gave them to me to insert in the site.

This website was made in static HTML, and adopts some of the worst web dev practices, of which I will never to use again.

February 2020
Technology
HTMLHTML is the markup language used to create web pages
IroncladDev LogoHeadline
© Conner Ow 2023