Nicholas Moen

|

I am a fullstack web developer.

My goal is to use the web to its full potential.

Please visit Moen Digital Services if you want to bring your ideas to life.

Pretty good with: Python, Javascript, Bash, Linux

Backend: Django/Django Rest Framework, HTMX

Frontend: Vanilla JS, React, Vue, Svelte, Alpine.JS

CSS: Good with Vanilla CSS and Bootstrap. Experience with Bulma and UIKit.

Unit/Integration testing: Jest, Django TestCase, Jasmine

E2E testing: Experience with Cypress and Testcafe

Web

Django

  • RateThisPad: A rating platform made for renters to review rental properties. "What your landlord doesn't want you to know." Made using Django.
  • Blue Collar Safety: This service makes it easy for a company to manage an employee's required safety certificates (TDG, WHMIS, etc). Made with Django and Bootstrap 4.
  • makeNget: Create, remix, and share 2D and 3D CAD models using a variety of open-source CAD web apps. Made using Django.
  • jsonSaver: Create, retrieve, update, and destroy JSON snippets using our web client or REST API. Made using Django and Django Rest Framework. Tested on the backend with Django's test suite, and E2E tested with Testcafe. (View on GitHub)
  • Menu Maker: Create a menu for your restaurant using our web client, and use our REST API to use the data however you like. Made with Django and Django Rest Framework. Tested on the backend with Django's built-in test suite. (View on GitHub)

Svelte

  • Reddit Micro: This privacy-friendly, minimalistic client parses Reddit's JSON data to create a basic, but usable, web app. Supports dark mode! (View on GitHub)

Vue.JS

  • Shopping Cart Demo: A combination Django REST backend and Vue frontend app that simulates a store, shopping cart, and checkout. Unit tested with Vue Test Utils and E2E tested with Testcafe. (View on GitHub - Backend, Frontend)
  • Django/Vue Chat: A simple chat app that uses a combination of Vue and Django. (View on GitHub)

Alpine.JS + HTMX

  • Alpine.JS + HTMX - Todo List Demo: This project is essentially just a basic todo list. However, the combination of Alpine.JS and HTMX shows how you can get the reactivity of a frontend JS framework without sacrificing the benefits of your server-side framework (Session authentication, templating, etc). (View on GitHub)
    • Unit tested with Jest.
    • E2E tested with Cypress.
    • Implements proper a11y practices.
    • Uses Django on the backend.
  • Alpine.JS + HTMX - Router Demo: A buildless SPA platform made using HTMX and Alpine.js. (View on GitHub)

React

Other Stuff

Miscellaneous

  • Hetzner DNS Tools: A simple Hetzner DNS API client for Python and Bash. (View on GitHub or PyPI)
  • OmniQR Code Viewer: A minimalist, privacy-friendly Chrome extension that always displays a QR code in the corner of your browser window. Perfect for news streamers who use a web browser while streaming! (View on GitHub)

Writeups