···11-# sv
11+# HSR Campaign
2233-Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli).
44-55-## Creating a project
66-77-If you're seeing this, you've probably already done this step. Congrats!
88-99-```sh
1010-# create a new project in the current directory
1111-npx sv create
1212-1313-# create a new project in my-app
1414-npx sv create my-app
1515-```
1616-1717-## Developing
1818-1919-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
2020-2121-```sh
2222-npm run dev
2323-2424-# or start the server and open the app in a new browser tab
2525-npm run dev -- --open
2626-```
2727-2828-## Building
2929-3030-To create a production version of your app:
3131-3232-```sh
3333-npm run build
3434-```
3535-3636-You can preview the production build with `npm run preview`.
3737-3838-> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.
33+## Stack
44+- **Frontend**
55+ - Build tool: Vite
66+ - Web framework: Svelte & SvelteKit
77+ - Icons: Lucide
88+ - CSS: TailwindCSS
99+ - Animation (Soon): Anime.js
1010+ - 3D (Soon): Threlte
1111+- **Backend**
1212+ - Auth: Better-Auth
1313+ - Database: MySQL with `mysql2`
···11<script lang="ts">
22-import type { Component } from 'svelte';
22+import type { Component } from 'svelte'
3344// offense mechanic icons
55-import Crosshair from '@lucide/svelte/icons/crosshair';
66-import CircleDotDashed from '@lucide/svelte/icons/circle-dot-dashed';
77-import Split from '@lucide/svelte/icons/split';
88-import Bomb from '@lucide/svelte/icons/bomb';
99-import ChevronsDown from '@lucide/svelte/icons/chevrons-down';
55+import Crosshair from '@lucide/svelte/icons/crosshair'
66+import CircleDotDashed from '@lucide/svelte/icons/circle-dot-dashed'
77+import Split from '@lucide/svelte/icons/split'
88+import Bomb from '@lucide/svelte/icons/bomb'
99+import ChevronsDown from '@lucide/svelte/icons/chevrons-down'
10101111// defense mechanic icons
1212-import Sparkles from '@lucide/svelte/icons/sparkles';
1313-import HeartPlus from '@lucide/svelte/icons/heart-plus';
1414-import ShieldHalf from '@lucide/svelte/icons/shield-half';
1515-import HandHelping from '@lucide/svelte/icons/hand-helping';
1212+import Sparkles from '@lucide/svelte/icons/sparkles'
1313+import HeartPlus from '@lucide/svelte/icons/heart-plus'
1414+import ShieldHalf from '@lucide/svelte/icons/shield-half'
1515+import HandHelping from '@lucide/svelte/icons/hand-helping'
16161717// general types
1818import type { Size } from '$lib/types.ts'