I'm Matt Lovan, Full Stack JavaScript developer.

This is my personal homepage & blog. It uses open-source components that are built into Docker containers and deployed on a Linux VM. See my blog post for a detailed look at the architecture.

Highlights:

• React.js Frontend – client-side routing (React Router), SASS,
• Node.js Server – Lightweight server to serve the frontend + modify the index page's metadata to support SEO & social cards
• Ghost CMS – Ghost is an open-source headless Node.js content management system
• Docker & Docker-Compose – Each component runs in a separate Docker container which makes it easy to scale and/or add new apps.
• Auto-renewing SSL certificates (https) – Uses certbot to auto-renew LetsEncrypt SSL certificates every 60 days
• Docker override for Local Development – Seperate Docker config for local troubleshooting

View

• 📺   View the Site
• 💾   View Client & Server Code: React, Node, SASS
• 💾   View Infrastructure Code: Docker, Docker Compose, NGINX, SSL, certbot

Keywords: React.js, Node.js, MongoDB, web3, Google OAuh, Stripe, Plaid, Sendgrid

Earn revenue for your community by helping them find great jobs.

Highlights:

• React.js Frontend – React Router, SASS
• Node.js Server
• MongoDB
• Google Authentication (OAuth) – Supports Google login
• Stripe & Plaid integrations – Accept credit cards with using Stripe – Send money to users using Plaid
• Automated Emails – Programmatic email using Sendgrid

View

• 📺   View the Site

*** This is closed source atm – please contact me for access ***

Keywords: React.js, Node.js, MongoDB, web3, Google OAuh, Stripe, Plaid, Sendgrid

A demo of using web3 private/public key signatures for authentication. See accompanying slides. Features: JWT auth, middleware for webSocket & http,

• 📺   View the Site
• 💾   View the Code

Keywords: React.js, Node.js, web3, JWT, webSockets, Ethereum, Signatures, Authentication

A beat machine! Built to compliment the MIDIFighter3D.

• 📺   View the Site
• 💾   View the Code

Keywords: React.js, webMIDI, webAudio

One of my first projects! A developer tool to scaffold out custom HTML forms.

• 📺   View the Site
• 💾   View the Code

Keywords: Angular.js, forms, HTML5, Firebase