Home Technologies Projects Contact

Projects

Filter

Bug & Issue Tracking System

Track and manage bugs, issues, and needed features for your projects & you can add others to your project team to help with development. You can assign tickets to your team and set this system up to have your team work together and keep track of all tickets.

Technologies Used

  • React (Hooks)
  • TypeScript
  • NodeJS
  • ExpressJS
  • MongoDB
  • Mongoose
  • ChartJS
  • Sass
  • Material UI

Budget Management System

A budgeting app that values consumer privacy with a simplistic design which has flexible, customizable budget options. This app has a full login system using JWT and PassportJS and is able to setup monthly budgets and keep them tracked and manage spending habits. Includes data charts to visually see spending habits & lets you track Income, Savings, and Expenses using ChartJS. Use the Guest Login to check it out!

Technologies Used

  • React (Hooks)
  • NodeJS
  • ExpressJS
  • MongoDB
  • Mongoose
  • ChartJS
  • Sass
  • Material UI

Restaurant Single Page Web App

Don Pollo is my local restaurant and I decided to make a better, updated dynamic single page web app for them, this site showcases their menu options, location and reviews, with a clean, easy to read, and simple design

Technologies Used

  • HTML5
  • CSS3
  • Sass
  • Material UI
  • React
  • TypeScript

Favorite Movies App

This app utilizes TMDb API to get the latest movies and users can favorite & keep track of the movies, it has a full login system along with options to favorite movies and see the latest movies informaton. I used redux to pass around user data on this app. This is hosted on Heroku so the inital load might be a bit slow.

Technologies Used

  • React
  • Redux
  • NodeJS
  • ExpressJS
  • MongoDB
  • Mongoose
  • (TMDb) API
  • HTML5
  • CSS3

Book List Management System

This is a full stack CRUD App that will manage all the books you are currently reading or plan to read. Made using MVC design pattern. Hosted on Microsoft Azure.

Technologies Used

  • C#
  • ASP.NET Core
  • MySQL
  • jQuery
  • Bootstrap
  • Microsoft Azure

Anonymous Message Board

This is a full stack message board app, its still been kept relatively simple. This also makes use of Unit Testing to always test the functionality upon changes made to the application code. It is hosted on Glitch.com so may be a bit slow to load at first.

Technologies Used

  • NodeJS
  • ExpressJS
  • MongoDB
  • Mongoose
  • Chai
  • Mocha
  • Helmet.js
  • HTML5
  • CSS3

Random Quote Machine

This app was kept simple and generates famous quotes and can be shared via twitter.

Technologies Used

  • React
  • Forismatic API
  • HTML5
  • CSS3

Weather App

A weather app that detects location and can also search other locations for current weather.

Technologies Used

  • React
  • Weather API
  • HTML5
  • CSS3

Quiz App

This Quiz App was made using React + TypeScript and uses the Open Trivia API. This app pulls random trivia questions from the API and will keep score of how many you answered correctly.

Technologies Used

  • HTML5
  • CSS3
  • React
  • TypeScript
  • Open Trivia DB API

United States Educational Map

Graphed map made in D3.js which displays the United States Educational Attainment Percentage of adults age 25 and older with a bachelor's degree or higher (2010-2014)

Technologies Used

  • React
  • D3.js
  • HTML5
  • CSS3

United States GDP Graph

Graph made in D3, this describes the Gross Domestic Product changes in graph form

Technologies Used

  • React
  • D3.js
  • HTML5
  • CSS3

Treemap Diagram

Graphed treemap diagram made in D3.js that displays the top 100 games sold by platform. It grabs the data from a JSON file.

Technologies Used

  • React
  • D3.js
  • HTML5
  • CSS3

Heat Map

This shows Monthly Global Land-Surface. Temperatures from 1753 - 2015: base temperature 8.66℃, it grabs the data from a JSON file

Technologies Used

  • React
  • D3.js
  • HTML5
  • CSS3

Doping in Professional Bike Racing Scatterplot

This graphs shows Doping in Professional Bicycle Racing graphed using D3.js and React, it grabs data from a JSON file

Technologies Used

  • React
  • D3.js
  • HTML5
  • CSS3

Wikipedia Viewer

This project was made in React using Wikipedia's API to create a search function that displays all search results in a clean fashion on this app. This App is responsive.

Technologies Used

  • React
  • Wikipedia's API
  • HTML5
  • CSS3

Twitch API

This is a simple React project using the Twitch API to keep track of some streamers and their current status, if they're offline or online, and what they are playing. This App is responsive.

Technologies Used

  • React
  • Twitch.tv API
  • HTML5
  • CSS3

Pomodoro Clock

A countdown pomodoro clock made in React

Technologies Used

  • React
  • HTML5
  • CSS3

Exercise Tracker

This is a full stack exercise tracking app, its still been kept relatively simple. This also makes use of Unit Testing to always test the functionality upon changes made to the application code. This also uses Helmet.js for basic securtiy. This displays the data in JSON format since it was a simple full stack app I made when getting started. It is hosted on Glitch.com so may be a bit slow to load at first.

Technologies Used

  • NodeJS
  • ExpressJS
  • MongoDB
  • Mongoose
  • Chai
  • Mocha
  • Helmet.js
  • HTML5
  • CSS3

Metric Imperial Converter

This is a full stack metric-imperial converter app, its still been kept relatively simple. It converts gal, lb, kg, km, and liters. This also makes use of Unit Testing to always test the functionality upon changes made to the application code. This also uses Helmet.js for basic securtiy. This displays the data in JSON format since it was a simple full stack app I made when getting started. It is hosted on Glitch.com so may be a bit slow to load at first.

Technologies Used

  • NodeJS
  • ExpressJS
  • MongoDB
  • Mongoose
  • Chai
  • Mocha
  • Helmet.js
  • HTML5
  • CSS3

Issue Tracker

This is a full stack issue tracking app, its still been kept relatively simple. This app allows users to add issues or bugs for specific projects. This also makes use of Unit Testing to always test the functionality upon changes made to the application code. This also uses Helmet.js for basic securtiy. This displays the data in JSON format since it was a simple full stack app I made when getting started. It is hosted on Glitch.com so may be a bit slow to load at first.

Technologies Used

  • NodeJS
  • ExpressJS
  • MongoDB
  • Mongoose
  • Chai
  • Mocha
  • Helmet.js
  • HTML5
  • CSS3

Markdown Previewer

This app will let you type markdown code and display exactly how it will look by previewing it on the side of the code. This uses the Marked.js library to easily convert the code. This app is responsive.

Technologies Used

  • React
  • Marked.js
  • HTML5
  • CSS3

Tic Tac Toe

High Level AI built with a complex recursive function, this is a standard tic tac toe game and is responsive, but its on my portfolio because of the recursive function for the AI.

Technologies Used

  • HTML5
  • CSS3
  • Vanilla JavaScript