Skedge

Skedge is a full stack web application that helps businesses grow as they schedule appointments.

It's front end technologies are React and Redux.

Skedge is a personal project with the potential to become a fully fledged Software as a Service once it's complete.

Along designing, coding, and shipping the entire Front end, I also did a bit of the back end, Including setting up the authentication, and creating different envirements for production and development.

To date, it's my most ambitious personal project. I'm collaboratng with another full stack engineer that focuses more on the backend of the application, while I work on the front end.

ClientBird

ClientBird is a project that aims to make communication between contractors and their clients seamless.

Built as a full stack web application running on MongoDB, Express, React, Redux, and Node.

Acting as a co-founder with another full-stack engineer. We both also serve as designers.

One of the great things about working on ClientBird has been the feeling of personal growth. Since it's (more or less) the 5th full stack React app I've launched, I now feel extremely comfortable working in this tech stack.

Woah.css

Woah.css is an open source CSS Animation Library for eccentric developers.

I've really enjoyed using other CSS Animation libraries as a student, and I ventured out to create one of my own.

The results of that became my most popular github repository by far with over 350 stars.

It trended on Github and was the top post of March, 2018 on Reddit’s Frontend subreddit.

You can install woah.css through npm or bower as well. It was my first published npm package.

You can view my medium article about woah.css Here.

Visit Woah.css

View on Github

2b2t.reviews

2b2t.reviews was the first full stack web application I created. While it isn't my best work, I chose to include it here because it taught me some important lessons, and to provide context for how much my skills have improved since building my first web app

2b2t.reviews was built to add accountability to Minecraft players. It allows users to leave reviews on other players, to see if they are trustworthy.

The intention was the create a track record of any negative histories players may have built up on a specific server.

After it's creation, it was attacked viciously by malicious users, and these attacks forced me to learn how to protect my web applications from various types of exploits.

You can read a more in depth write-up of this experience in one of my publications below.

Visit 2b2t.reviews

Office Bubbles

Office Bubbles is a game about nothing and as such, it has no set goals or accomplishments. It's designed to keep you mindlessly entertained while at your desk.

It might even sort of look like you're doing work.

I developed Office Bubbles as a Single Page Application using React and React Router, as well as Canvas.

For several months I began playing around with and developing interactive hero sections on homepages. I would spend more time than I'm proud of playing around on these. Eventually, this lead to the thought that maybe, just maybe, other people would enjoy playing around with them too.

The idea for Office Bubbles came to me one evening, and I spent the next 8 hours designing, coding, and shipping it.

Visit Office Bubbles

Epic Duel Stories

In my youth, I really enjoyed flash games and especially loved becoming an active part of the communities there.

One of my favorite games was EpicDuel, an MMO flash RPG where players could create strategic builds and battle other players.

The best part of this game was the community that formed with it.

Since flash is dying off, the community of EpicDuel is too. I asked the community if they would like a place to record stories about their friends and groups, to stand the time of history.

EpicDuelStories was made to preserve the legacy of EpicDuel players. I also built up a nice moderation team to filter content

I built EpicDuelStories on the MEHN stack, and designed it with custom CSS and the Materialize library.

Visit EpicDuelStories

Flipbook.js

Flipbook.js is an open source Javascript Framework that makes creating 3D flipbooks easy.

For one of my websites, I wanted to create a 3D book, and I couldn't find any free libraries that I could use to help me.

I decided that I would have to create my own 3D book from scratch, and then I turned it into a library for other developers to use.

Flipbook.js books are 100% customizable. Developers have the ability to style these books with any rules they deem necessary.

The framework handles the rest by adding functionality. It also comes with default styles.

View on Github

Read Flipbook.js Documentation

MERN SPA Starter

Let's face it, creating full stack React applications with a Node backend isn't an easy process.

Couple that with also adding in authentication tied to Redux, and you've got a pretty big time commitment for getting a new project off the ground.

I compiled several different MERN stack applicaitons I've built, and created the perfect boiler plate to get started.

This let's you quickly set up a MERN stack Single Page Application, with built in Google oAuth, and a proxy between the front and back end.

This projct has also gained a tiny bit of traction on github, in the form of 18+ stars, making it one of my more popular Repos.

View on Github

FireTracker.io

The power of compound interest is amazing, and when utilized properly can change people's lives.

FireTracker keeps track of your financial data to track when you can become financially independent and retire early.

I got the idea for this app while putting small bits of money away for investment purposes. I wanted to see how these little bits would add up over time.

I also used this as a good opportunity to do some cool data visualization.

I designed, coded, and shipped this app by myself on the full MERN stack.

Visit FireTracker.io

Pure CSS Santa

When my contract at Zuora was over I took a few weeks off for Christmas and New Years before starting a new job.

I always like to have some sort of active side project, and during that holiday season I found myself out of fresh ideas.

I had seen pure CSS art before, and I had experience with CSS animations, so I wanted to see what would happen if I really committed some time to create something great.

The result was a holly jolly holiday animation that topped the list on several web development subreddits for a week.

No images were used in the making of this festive piece of work. Patience was key here.

The animations in the codepen are interesting. I wanted him to seem dynamic, so you'll rarely see him do the same actions at the exact same time.

Some of the micro animations include his breathing, his eyebrow movements, and his smile.

You could probably make a game of trying to count the different animations.

View On CodePen