Skip to content

realmikkifriend/template

Repository files navigation

Template Repo

Github contributors GitHub last commit GitHub License Node.js badge Svelte 5 badge

This template provides a starting point for my web projects. I designed it to comply with most performance metrics and feature requirements.

Quick Start: See Version Control...

Table of Contents

Stack & Features

Template Screenshot

Back-End (Under the Hood)

Stack: NodeJS, Vite, Svelte 5

  • 🗂️ standard project structure with well-organized files
  • 📁 NodeJS scripts set up for dependency management
  • 🧹 typing (TypeScript) and linting (ESLint) rules are well-organized
  • 🧪 Playwright end-to-end testing works out-of-the-box
  • 🤖 comprehensive AGENTS.md supports LLM assistance
  • 🔄 separation of concerns with enforced layer boundaries
  • ⚡ performance optimization with minimized bundle size
  • 🗺️ routing (SvelteKit) complies with SEO metrics
  • 💾 state management (Svelte 5 runes) is easy to set up
  • 🔌 API methods ready for data retrieval and business logic

Front-End (Functionality & Cosmetics)

Stack: TailwindCSS with DaisyUI

  • 🎨 quality icons via Iconify
  • 📜 quality fonts via Fontsource
  • 💬 working examples of modal, dialog, and tabbed display
  • 🔔 notification system
  • 🌓 theming with automatic system detection, user-facing theme switcher
  • 🖨️ print styling
  • 🧩 UI components comply with design standards
  • ♿ accessibility metrics compliance (axe)
  • ⌨️ keyboard shortcuts (with in-context hints)
  • 📱 perfectly responsive on mobile
  • 📖 complete feature documentation

Deployment (CI/CD)

Stack: GitHub, Netlify

  • 📦 enforced and documented version control flow on GitHub
  • 🔧 build requirements are enforced with Husky pre-commit/push hooks
  • 🔒 secure environment variables
  • 🚀 deployment to Netlify is documented

Documentation

About

A template repo to duplicate into new projects.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors