tasks ready

specs/013-unify-frontend-css/quickstart.md

@@ -0,0 +1,63 @@
+# Quickstart: Frontend Development
+
+## Prerequisites
+
+- Node.js 18+
+- npm
+
+## Setup
+
+1. Navigate to the frontend directory:
+   ```bash
+   cd frontend
+   ```
+
+2. Install dependencies:
+   ```bash
+   npm install
+   ```
+
+## Running the Development Server
+
+```bash
+npm run dev
+```
+
+The application will be available at `http://localhost:5173`.
+
+## Using Standard UI Components
+
+Import components from `$lib/ui`:
+
+```svelte
+<script>
+  import { Button, Input } from '$lib/ui';
+</script>
+
+<Input label="Username" bind:value={username} />
+<Button variant="primary" onclick={submit}>Submit</Button>
+```
+
+## Using Internationalization
+
+Import the `t` store from `$lib/i18n`:
+
+```svelte
+<script>
+  import { t } from '$lib/i18n';
+</script>
+
+<h1>{$t.dashboard.title}</h1>
+<button>{$t.common.save}</button>
+```
+
+## Adding New Translations
+
+1. Open `frontend/src/lib/i18n/locales/ru.json` and add the new key-value pair.
+2. Open `frontend/src/lib/i18n/locales/en.json` and add the corresponding English translation.
+
+## Adding New Components
+
+1. Create a new `.svelte` file in `frontend/src/lib/ui/`.
+2. Define props and styles using Tailwind CSS.
+3. Export the component in `frontend/src/lib/ui/index.ts`.