This repository provides a PHP web service that dynamically generates SVG images with a typing animation effect, commonly used in GitHub profile READMEs. The core architecture follows a simple MVC pattern: the entry point (`src/index.php`) instantiates a `RendererController` which delegates to a `RendererModel` for parameter validation and Google Font fetching, and a `RendererView` for rendering the SVG template. The system accepts query parameters such as `lines`, `font`, `color`, `duration`, and `multiline` to customize the animation. It also includes a demo site with a live preview and a dark mode toggle. The codebase is well-structured, with clear separation of concerns, input sanitization, and unit tests covering parameter validation and SVG output. External dependencies are minimal (PHP 8.1+, vlucas/phpdotenv, phpunit). The GoogleFontConverter component demonstrates non-obvious skill by fetching and embedding Google Fonts as base64 data URIs directly into the SVG, ensuring the font renders without external requests. Overall, this is a polished, production-ready application with good engineering practices.
This is a Vue 3 Single-Page Application (SPA) that provides an interactive form-based interface for generating Markdown badges using the shields.io service. The application allows users to generate repo metadata badges, generic static badges, package version badges, dynamic data badges, image markdown/HTML, and a catalogue of pre-made badges. The code is written in TypeScript with a clean separation of concerns: core logic modules handle badge generation and URL construction, Vue components manage UI, and a simple store persists user preferences via localStorage. The architecture is monolithic with client-side routing via Vue Router. The project demonstrates solid software engineering practices with comprehensive unit tests, a Makefile for common tasks, and GitHub Actions CI/CD for linting, testing, and deployment. While the codebase is well-structured and maintainable, it relies on the deprecated Vue CLI and some packages are several major versions behind (e.g., TypeScript 4.6, ESLint 8), indicating moderate technical drift. The application is actively maintained with recent commits and a clear release process.