background banner of my personal garden

Welcome to my portfolio page

Here you can read a little about myself, check out some of
my past projects, and find my resume, contact info, and networking links.
Thank you for visiting!

About me


As a programming hobbyist, I have spent several years building scripts for algorithmic stock trading, as well as chart indicators to assist in interpreting market fluctuations. Knowing that I wanted to work in tech, I began taking online courses for more applicable skills like HTML/CSS, JavaScript, and React.js. I eventually decided to take my skills to the next level by enrolling at the UC Berkeley Extension to earn my full-stack web development certificate. I am currently aspiring and working towards getting hired at a company, small or large, to help build their platform.

Outside of programming, I received a B.S. in biochemistry from UC Davis and have spent 4+ years as an aircraft structural mechanic for the California National Guard. I am confident that my wide array of technical skills equip me to easily adapt and quickly become a productive asset and trusted colleague.

On my free-time, I enjoy activities like camping, backpacking, fishing, vegetable gardening, woodworking, and of course, spending time with family and friends.

My self-portrait

My Work

Asset

Trading

Applications

placeholder image for Bitcoin trading bot

I built this React.js app to display one of my trading algorithms.
This strategy opens longs and shorts on Bitcoin.
It is shown operating from June of 2018 to June of 2022
During this 4 year period, the algorithm outperforms Bitcoin by over 25x,
earning a 51x net return on investment.

GitHub Repository

React.js, GitHub pages, FontAwesome, Google Fonts, the PineScript language, and the TradingView development platform were used.

placeholder image for pinescript and tradingview

placeholder image for Ethereum trading bot

I built this React.js app to display one of my trading algorithms.
This strategy only takes long positions on Ethereum.
It is shown operating from July of 2017 to July of 2022.
During this 5 year period, the algorithm outperforms Ethereum by nearly 23x,
earning a 60x return on investment.

GitHub Repository

React.js, GitHub pages, FontAwesome, Google Fonts, the PineScript language, and the TradingView development platform were used.

placeholder image for pinescript and tradingview

placeholder image for stock chart indicator

This is an indicator meant to assist investors in deciphering an asset’s current trend and the momentum behind it. It was my first custom indicator built using TradingView’s coding platform and proprietary language, PineScript. A technical understanding of several traditional indicators was required, and PineScript’s UI development capabilities allowed me to mold them into a single, user-friendly display.

This is built entirely with Trading View's proprietary Pine Script language.

placeholder image for pinescript and tradingview

Websites

GitProductive

Co-Creator

placeholder image for sbs website

This project was my first full-stack application from scratch. I worked with two classmates to develop a tool designed for programmers, but one that can also be effective for anyone who works from a computer. It is equipped with features like the ability to record the amount of time spent and value earned on each project a user works on, a progarmmable timer that alerts users to take an exercise break, and also the ability to save notes or code-snippets for later user. The built in database stores all this info for a user to maintain as their project list grows.

GitHub Repository
javascript badge node badge tailwind badge mysql badge sequelize badge express.js badge handlebars badge

Garden Buddy

Co-Creator

placeholder image for garden buddy website

This project is a full-stack website meant to provide home gardeners with planting schedules, growing guides, and a place to store details and notes on their past gardens.
My initial roles were to connect the API route to fetch growing schedules based on a user’s zip code, as well as implement our database and the necessary routes to read and create the notes that would be stored there. I also designed the page layouts and css styling, and developed many of the React components that were used in this project.

GitHub Repository
javascript badge node badge express.js badge MongoDB badge ReactJS badge Bootstrap badge GraphQL badge JWT badge

placeholder image for sbs website

This was a peoject meant to further practice utilizing queries to third-party APIs in a proto-website. Using the power of JavaScript and jQuery, and several frameworks, this site is able to tell a user if their e-mail has been found to be involved in a data breach.

GitHub Repository
javascript badge jquery badge

Utility Apps

Agenda App

Creator

placeholder image for pwa text editor website

This was a full-stack project intended to get familiar with a new stack. It was the first time that I used MaterialUI as well as the first time I used any of the AWS tools (I primarily used Amplify for this project). The intended use is for team meetings, where agends can be displayed, and the list of topics could be walked through and discussed. While the functionality is simple, the final product is clean and intuitive. This app comes complete with CRUD operations to a GraphQL database.

GitHub Repository
javascript badge react badge MaterialUI badge webpack badge webpack badge

KeyLogger

Creator

placeholder image for pwa text editor website

For this demo, I built a react app to demonstrate how a simple keylogger can retrieve data. I add one small JavaScript file and install a single dependency package. The "EmailJS" package is included to use their SMTP server to send emails containing the logged data. A messageis sent everytime a user types something within the app and then clicks their mouse or hits enter. In practice, the messages would contain every string of characters a user entered before submitting a form or field. While this is a simple design, it shows how a commonly used package can be utilized to enact a very serious invasion of people's property.

GitHub Repository
javascript badge react badge

placeholder image for pwa text editor website

This project is a standard text editor that can save user inputs, but also can be downloaded as a progressive web application so that it can be utilized offline.
IDBdatabase is used to store data on the browser, webpack is used to minify assets to lower load time, the manifest plugin is used to provide instructions necessary to install the app locally, workbox is used to build out the service worker that can fulfill requests without network connectivity, and the babel CLI is used in the build process to compile ES6 code to older versions.

GitHub Repository
javascript badge node badge express.js badge webpack badge

placeholder image for social network api

This project is a back-end API built to mimic the functionality of a large-scale social media application.
An Express server was configured to connect to a Mongo database that utilized the Mongoose ODM. Models were made for Users, their Thoughts they could post, and their Reactions to other user’s thoughts. CRUD actions apply to each model.

GitHub Repository
javascript badge node badge express.js badge MongoDB badge Insomnia badge

Tech Blog

Creator

placeholder image for tech blog website

This full-stack blog allows users to signup and login/logout, to create, edit, and delete posts, and to comment on the posts of other users.
An express server equipped with a Sequelize ORM was used to connect a MySQL database to the front-end. Handlebars.js was used to dynamically generate elements populated with stored data. Tailwind was used to style the site, and bcrypt and dotenv was used to secure user information.

GitHub Repository
javascript badge javascript badge handlebars badge sequelize badge MySQL badge Express badge

placeholder image for SQL Employee Tracker

This back-end app runs in the node.js environment and prompts the user so that they can easily outline aspects of their organization. The app generates tables within the console that display the information.
A series of JavaScript classes were made to create the general layout for each department, role, and employee. Inquirer was used in conjunction with node.js to be able to present the user with interactive prompts that would pass input into the generated console tables. All user-submitted data is saved to a MySQL database.

GitHub Repository
javascript badge node badge MySQL badge

placeholder image for Team Profile Generator

This back-end app runs in the node.js environment and prompts the user so that they can develop profiles for a team of employees. The app generates an html page that displays employee information on personalized cards.
A series of JavaScript classes were made to create the general layout for each employee role, and all were tested using Jest. Inquirer was used in conjunction with node.js to be able to present the user with interactive prompts that would pass input into the generated html page.

GitHub Repository
javascript badge node badge

placeholder image for the weather dashboard site

This app fetches current and 5-day forecast weather data for a user-specified location.
I utilized two third-party APIs to retrieve weather data and jQuery to display it. Local storage is used to save previous searches.

GitHub Repository
javascript badge jquery badge
placeholder image for the random password generator

This app generates random passwords with user specified lengths and character/capitalization requirements.
I developed this app to practice creating object-oriented JavaScript functionality.

GitHub Repository
javascript badge

Contact Me