David Runger

DavidRunger.com

You are here, at davidrunger.com! This is a playground for me to experiment with various web technologies, and where I host various apps that I have built for myself and my family:

• Emoji Picker - I couldn't find an emoji picker with the functionality I wanted, so I built my own
• Groceries* - the collaborative family grocery list, built to be mobile-friendly for use on-the-go
• Workout* - an app for tracking workouts over time, and to stay on-pace within a workout
• Logs* - track whatever you want with various log types (text, number, duration, and/or counter)
• Quizzes* - a multi-person quiz app that uses ActionCable websockets for real-time interactivity
• Check-ins* - track how well your emotional needs are being met in your marriage/relationship

*Google login required

Tech

• A Rails 7 backend serves various Vue 3 front-end apps built with Pug templates, ES6, and Sass.
• The app's 2,500+ lines of Ruby code are 100% covered by tests written with RSpec.
• The primary database is PostgreSQL, plus Redis for Sidekiq, caching, and some direct use by the app.
• Pinia provides client-side state management.
• The excellent Vite Rails gem, in conjunction with Vue and Pinia, provides sub-second hot module replacement (HMR) in development, creating an efficient and enjoyable workflow. Vite Rails also bundles the application's JavaScript and CSS for production. (I believe that Vite Rails is an underappreciated gem, and the premier solution for JavaScript management in the Rails ecosystem at this time, better than any of the options mentioned here. Hats off to the developer, Máximo Mussini!)
• Google OAuth provides convenient and secure sign-in.
• GitHub Actions provides continuous integration (CI) testing and linting, as well as continuous deployment (CD) via integration with Docker Compose on a DigitalOcean host.
• A custom-built, pallets-based, parallelized test runner workflow executes only the tests and other checks that are needed for any given PR, making development and deployment as fast as possible while ensuring application stability.
• A custom-built, ferrum-based prerendering system captures and then serves a static HTML version of the JavaScript-based homepage, allowing me to enjoy the developer-friendly ergonomics of a Vue-based workflow in development, while still serving a simple HTML page in production for optimal rendering performance and search engine optimization.
• Ruby code is linted by RuboCop, JavaScript by ESLint, and stylesheets by Stylelint. Brakeman checks for Rails security issues, and DatabaseConsistency and Immigrant help to ensure that the database is well-structured.
• Tailwind provides CSS utility classes, so a lot of styling can be done within the markup itself.
• JsRoutes allows the use of Rails named routes / path helpers on the client-side, too! :)
• Element Plus provides aesthetic and ready-to-use Vue UI components.
• Plus... Vue Router client-side routing, Sidekiq background jobs, Flipper feature flags, Devise authentication, Active Admin admin backend, Draper decorators, Pundit authorization, alba model-to-JSON serialization, Action Mailer outbound emails, Action Mailbox inbound emails, Rails encrypted credentials, runger_actions form objects / command objects, Skedjewel Sidekiq job scheduling, PaperTrail model change tracking, Rack::Attack IP blocking and request throttling, Bullet eager-loading enforcement, Gitleaks secret protection, AWS S3 blob storage, Rollbar error tracking, and Percy visual diff monitoring!