Svelte Project

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

Getting started with npm

npm create svelte@latest my-app
cd my-app
npm install
npm run dev -- --open

Getting started with pnpm

pnpm create svelte my-app
cd my-app
pnpm install
pnpm run dev -- --open

Install

# npm i svelte
# pnpm i svelte

Quick start:

$ yarn # npm install
$ yarn build # npm run build

Development

Run Webpack in watch mode to continually compile the JavaScript as you work:

$ yarn watch # npm run watch

About My Project

To start the app, write your name blank :) Select one option to show the next result =)

Positive Answers

If you click positive answers, you can see the following results emojis reaction 🙂, 😀, 😄, 😊, 😘:

Negative Answers

If you click negative answers, you can see the following results and emojis reaction 😐, 😕, 🙁, 😭, 😡, 🤬:

---

Tests

  import { expect, test } from '@playwright/test';

  test('about page has expected h1', async ({ page }) => {
      await page.goto('/about');
      await expect(page.getByRole('heading', { name: 'About this app' })).toBeVisible();
  });