/solid-todo-app-ts

POC app exploring modern web development with SolidJS, TypeScript, and GraphQL.

Primary LanguageTypeScriptMIT LicenseMIT

license ci workflow deploy workflow pnpm

Latest deployment available at https://manoldonev.github.io/solid-todo-app-ts/

SolidJS Todo App

Based on the standard SolidJS TypeScript template:

  • Vite
  • TypeScript
  • ESLint
  • Prettier
  • pre-commit hooks
  • CI / deployment GitHub workflows
  • Dependency management via Renovate
  • Package management via pnpm

UX & Theming

  • Mobile-first design
  • Tailwind (utility-first CSS framework)
  • Dark Mode Support (utilizing tailwind "class" strategy)
  • Branding via custom "material design" palette (vs generic tailwind colors scheme)

Data (Async State Management)

  • GraphQL
  • [WIP] solid-query (custom PoC port of @tanstack/query with semi-automatic query generation based on the GraphQL schema (currently using the React codegen utilities hence the semi-automatic part)

Navigation

  • Solid App Router (with routes code-splitting)

Testing

  • Unit & Integration testing: Vitest with Solid Testing Library setup
  • Static Analysis: TypeScript & ESLint
  • MSW (Mock Service Worker) API mocking (intercepting requests on the network level)