Hello

My name is:

Cool Images

This is an image slider I made using jQuery. The transition between images can be changed and other additions are possible as well.

Gold Logo Cool Pixel Art S Cool Art

I am a Kansas City Native and have only lived in another city for roughly two years of my life. I got into coding through an engineering class that had a lesson where I worked on coding solutions with a python-based language.

I graduated from Shawnee Mission East in 2018 with a Presidential Scholars Award. From there I went into engineering at Missouri State University and spent a year and a half there before realising I enjoyed coding. After talking to friends about their fields in coding I decided to pursue a degree in Web Development from JCCC. Upon graduating in December of 2023 I achieved my AAS in Web Development and Digital Media.

When I'm not coding I like to be active and creative. The main outlets I partake in for this expression would be in the form of soccer and art. Soccer has been my favorite sport ever since I can remember and I stay involved by playing in pick-up leagues or just practicing. Origami is an ancient style of art that I love to relax with because of how calming and satisfying the process is. Graphic design also tends to eat up a fair amount of my free time due to how often I get carried away with the details.

ReactJS movie app Code Sandbox

A simple chat app using Firebase and Javascript. Feel free to use a fake email. Chat App

A visual demonstration of how fractals work using HTML Canvas and javascript. Animated Fractals

A fun particle collection game Particle Game

Another cool fractal project using javascript. Tree Fractal

A practical timer Code Sandbox

A WordPress site I built for a local Orofacial Myofunctional Therapist. Digits and Spots

A WordPress site I built for a local non-profit organization. United Prayer Movement

Pixel Rain effect using JavaScript and HTML Canvas with CSS. Pixel Rain

A dive into 3D CSS. Try hovering over the cube, or tapping on mobile. Codepen Link

1

2

4

3

5

6

An example of how CSS only parallax is possible using the new scroll animation-timeline parameter Parallax On Scroll