Here are some of my projects. I like designing, building, and automating things of all forms in any industry. My background is in metallurgical engineering and restaurant architecture.
- Design tools (Figma, Indesign, etc)
- WebGL, HTML Canvas, SVG
- Web scraping
- Excel-VBA, python, nodeJS
- Business strategy & execution
- Project management
Smaller projects are here
April 2018 – February 2019
👉 JS – jQuery – RWD – ASP.NET – BASH
Fully responsive 80,000+ SKUs ecommerce site. Designed the UX/frontend components using a custom gulp.js/pug/scss pipeline. Product managed everything else with a team of developers/database admins.
Health Hackathon 2019 in Missouri
Ecommerce Product Configurator
👉 Vue App
E-commerce is how I got started in web development. I made a Vue app that made it to the front page of codepen 🙂
React Airtable Tiles Grid
👉 React + Airtable API (for images) + CSS Grid
A take home project for a company I applied for, I made an algorithm to determine the exact grid space an element when clicked on, based on a video the company showed.
MERN Redux Social Devs
👉 MERN (Mongo Express React Node) + Redux
My 3rd course on this topic. It demonstrates authentication, private routing, pagination, heroku deploy, JWT auth, etc.
👉 NodeJS – GoogleFirebase – Voice/SMS APIs
In 24 hours, we built a speed dating phone roulette app. I focused on frontend integration firebase, voice/SMS API.
In preparation for this hackathon, I built a small python flask-Twilio app that calls a cloud-vision API when you send an SMS image.
👉 SCSS – HTML – Animations – UX
I started to explore the world of UX design and animations. Because it simplifies the way we communicate. I built two fun CSS only demos, one was featured on a marketing site (see link above), another in celebration of Chinese New Year.
👉 JS – Canvas
I used to run a youtube gaming channel of 5000 followers. I wanted to get back into teaching as a form of learning, so I did a 1.5 hour technical workshop on HTML5 Canvas vs SVG vs WebGL.
In preparation for this topic, I prepared a few demos.
Some featured on front page of codepen. Example:
👉 JS – React
I refactored an original vanilla-js calculator I made previously into React. State is dictated by three values
curValueholds the current operation / numeric token.
formulaholds the entirety of everything before
Evaluatedis a flag check to determine if “=” was the last command
Canvas Vanishing Art Cube
👉 JS – HTML Canvas
A small experimental project using some geometry to calculate how a 3D object can be represented on a 2D plane, using art vanishing points and HTML Canvas. It’s my introduction into basic mathmatical modeling on the web. It doesn’t use anything other than a slope formula though. Read the more here
Techstars Startup Weekend 2018
👉 JS – ReactJS – Material UI
This was a three day hackathon that focused on building a solution to a problem. MVP app was to to make a game to associate color to text. Synesthesia is a color stimulas sensation from reading text or listening to music. Target sector is educational space similar to luminosity.com, which is a brain training app. Application was built by 2 other senior developers and me. Contributions I made include: (1) UI/UX into react templating, SCSSs tyling, and user studies.
Nasa’s Spaceapp Challenge 2018
👉 JS – Jquery
This was a two day hackathon that I worked on with 2 other developers, 1 design artist, and one business college student. The goal was to create a visual tool to help spread awareness towards NASA’s initiatives. One developer focused on project management/backend. Another on frontend / UI. My focus was on frontend development and exploring datasets. Contributions I made include:
- Building the business logic for the “Randomize” button – e.g. it takes you to 1 of 195 countries in the world via longitude/latitude.
February 2018 – April 2018
- Breaking Down JS libraries
- Functional Programming vs Iterative/OOP
- Unit Testing
May 2016 – Now
👉 JS / CSS-selectors – GreasyFork – TamperMonkey
- Userscript injection
- CSS Selectors
- Custom CSS Theme – 300 users
Dynalist is a notetaking app that I use every day. It lets you have infinitely nested outlines. I use it to capture ideas I have, take course notes, log daily sprints & summaries. If I use a webapp long enough, I end up writing my own extensions for it. In this case a CSS theme.
May 2017 – August 2017
👉 Excel VBA / VB6, Windows batch scripting
800 downloads currently. Airtable is the next generation relational database tool. It’s a hybrid of google spreadsheets + Microsoft access. I use it to manage product databases at work. However, it was lacking features. Namely
- There was no bulk way to upload image files
- You couldn’t backup image assets locally
For #1, I created a macro keyboard mouse AutoHotkey script to solve this issue. For #2, I developed a popular excel VBA script. You can read more about how this script works here and how I went about making it.
Checkout out this video where I explain how the bulk image downloader and renamer tool works (for backing up image assets). I explain what Airtable is, why this macro was necessary, how it works, and what it does behind the scenes here:
Design & Architecture
I spec’d out the design of bar equipment that you’ll see at Planet Hollywood, in Disney Springs. We had it manufacturered overseas, then added green LED’s to it.
Chef Yuhi who was trained directly under Ironchef Masaharu Morimoto reached out to us. I went over there to provide consultation specs for a new compartment sink. I wrote a fusion360 CAD design to get the unit manufactured locally in town.
Pics of the restaurant in general
From start to finish:
Some work, from my very first AutoCAD architectural layout to more advanced layouts used in restaurants I helped startup. Mostly, my expertise came in through design management. Of how different factors (people, menus, pathfinding, safety, permit/county codes, cross-contamination, spacing issues, equipment specs) impact how a kitchen is optimized. Similar to how offices / warehouses / factories are designed.
I’m a huge DIY enthusiast/tinkerer. Some things I’ve built/welded: