Portfolio

Below are all of the major projects that I have made through out my coding career.
These projects range from JavaScript Web Applications to User Interface Designs and more.

Cookie Crumb Clicker

For this project, I designed a clicker style game that is time based. The user clicks on a cookie crumb until they collect a certain number of cookies crumbs. The user has the opportunity during the game to purchase various power ups, and after a number of clicks on the cookie crumb, a real time event is triggered. The user must complete the real time event before they are able to continue collecting cookie crumbs. The user's previous scores are persistently stored and compared upon completing the game.

Demo GitHub

Role Playing Game

I created a rpg style game based on one of the courses I completed when working through the JavaScript Algorithms and Data Structures certification on freeCodeCamp.org. This rpg game allows the user to explore multiple locations, all of which allow the user to perform unique actions. The ultimate goal is to fight and defeat the final boss.

Demo GitHub

ToDo Application

I created a web-based ToDo app based on one of the courses I completed when working through the JavaScript Algorithms and Data Structures certification on freeCodeCamp.org. This webapp allows a user to enter a task that is defined based on a title, time, and description. Once this information is entered, the task is displayed on the element to the user, and these tasks are persistently stored.

Demo GitHub

Employee Business Cards - WIP

I designed a web-based project that creates employee business cards and the idea for this project was largely based on one of the courses I completed when working through the JavaScript Algorithms and Data Structures certification on freeCodeCamp.org. This web page allows a user to enter in a business and its employees, and this information will be stored persistently. Once this information is entered the webpage will display business cards for each employee.

Demo GitHub

GradeBook Application

I created a web-based GradeBook app based on one of the courses I completed when working through the JavaScript Algorithms and Data Structures certification on freeCodeCamp.org. This webapp takes in a student's score and return the student's average score and its corresponding letter grade.

Demo GitHub

Pyramid Generator

This pyramid generating app was based on one of the courses I completed when working through the JavaScript Algorithms and Data Structures certification on freeCodeCamp.org. This webapp creates a pyramid, or an inverted pyramid, using the character specified by the user. Based on the number of rows specified by the user, the page displays a pyramid with the specified number of rows, all made out of the character the user specified.

Demo GitHub

Shopping List

This shopping list project was made following the a course "Modern JavaScript From the Beginning 2.0 - 2023 Revamp" course by Brad Traversy on udemy.com. This web app allows a user to enter any item they wish and it will be displayed on the webpage. The items are persistently stored and the user has the option to edit and remove the items.

Demo GitHub
Check list

Tracalorie

This calorie tracking web application was made following the a course "Modern JavaScript From the Beginning 2.0 - 2023 Revamp" course by Brad Traversy on udemy.com. This web app allows a user to enter their maintenance calories. From here the user can enter meals and their caloric amount, along with workouts and the amount of calories they burn. The webpage will then display the user's remaining calories or alert them if they are over their caloric limit for the day. All of the date entered by the user are persistently stored.

Demo GitHub

Bootstrap Email Interface: Second Iteration

Using the bootstrap library, I created a email interface that dynamically adapts based on the dimensions of the user's display. This is my second iteration of the project as I had some more ideas that I wanted to add and I wanted to improve upon some other aspects using the knowledge I learned from my first iteration.

Demo GitHub

Bootstrap Email Interface: First Iteration

Using the bootstrap library, I designed an email interface that can shift around or hide specific elements on the page to better match the user's display. This is my initial design of the project and was my first use of the bootstrap library.

Demo GitHub

Login UI Project

For this project, I designed a basic login page. It houses all of the basic elements of a login page and utilizes flexbox to make the page adaptive based on the user's display.

Demo GitHub

Wix Business Website

Using wix.com, I created a concept for a business website. This website his fully interactive and has multiple pages to show off various elements of the business, like the staff, their products, and the ways to reach them.

Link
Close Up Comics Business Logo
ScrewBallPhotos Business Logo

Wordpress Photography Website

Using wordpress.com I designed a concept for a Photography website. The website consists of a Home, Contact, and an About page. The home page houses a hero area to increase the user's interaction with the site.

Link

Canva Designs

I have created multiple example designs utilizing canva.com. These designs range from concept social media posts to business cards. I also created this website's logo using canva and some other logos to use on the other websites I designed.

Link