hrgui
Getting Started
Installation
yarn
Running development
yarn dev
Tech Stack
- astro for the foundation (Markdown, Vite, Islands Architecture)
- preact for the Preact components
- chart.js for the Pie component for Portfolio
- vitest for unit testing
- @testing-library/preact for testing-library
- mermaid for mermaid diagrams for markdown
- tailwindcss for CSS
- Vercel for Build Previews
- Github Pages for Production
Note: I added remark-mermaid into utils and slightly modified it so that it is always simple mode and always returns a pre + <div class="mermaid"></div>. This allows mermaid code blocks to be included.
Outputs
dist- this is the output of the build
Backgrounds from
- GPlay BG: https://svgeneration.netlify.app/recipes/gplay/
- HeroPatterns: heropatterns.com