SquidSpirit
d1f085b255
All checks were successful
Frontend CI / build (push) Successful in 1m37s
### Description - READMEs are also updated! ### Package Changes _No response_ ### Screenshots _No response_ ### Reference Resolves #145. ### Checklist - [x] A milestone is set - [x] The related issuse has been linked to this branch Reviewed-on: #147 Co-authored-by: SquidSpirit <squid@squidspirit.com> Co-committed-by: SquidSpirit <squid@squidspirit.com>
Frontend
Development
Prerequisites
Setup
-
Install dependencies:
pnpm install -
Start development server:
pnpm dev -
Build for production:
pnpm build -
Preview production build:
pnpm preview
Development Commands
- Type checking:
pnpm check - Type checking (watch mode):
pnpm check:watch - Linting:
pnpm lint - Formatting:
pnpm format
Project Structure
The frontend is built with SvelteKit and Tailwind CSS following Clean Architecture principles:
src/lib/- Core application modules organized by featuresrc/routes/- SvelteKit route pagessrc/app.html- Main HTML templatesrc/app.css- Global styles
Each feature module in src/lib/ follows the Clean Architecture pattern:
domain/- Business logic and entitiesapplication/- Use cases and application servicesadapter/- Interface adapters (presenters, view models)framework/- External frameworks (UI components, API services)
Technology Stack
- Framework: SvelteKit 5
- Styling: Tailwind CSS 4
- UI Components: bits-ui, Lucide icons
- Type Safety: TypeScript
- Linting: ESLint with Prettier
- Package Manager: pnpm