Nicholas Moen

|

I am a fullstack web developer.

My goal is to make the world's information more accessible.

I want to remove the haystack, and help you find the needle.

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

Backend: Django/Django Rest Framework, HTMX

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

CSS: Vanilla, Bootstrap, Bulma, and UIKit.

Familiar with Linux server environments

Unit/Integration testing: Jest, Django TestCase, Jasmine

E2E testing: Cypress, Testcafe

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

Browser Extensions

  • OmniQR Code Viewer: A minimalist, privacy-friendly Chrome extension that always displays a QR code in the corner of your browser window. Perfect for streamers who use a web browser while streaming! (View on GitHub)

Writeups