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)