Go to file
2024-10-21 22:15:09 +00:00
calculator Add calculator/delete_this_folder.md 2024-10-21 22:15:09 +00:00
src första commit 2024-10-22 00:04:26 +02:00
static första commit 2024-10-22 00:04:26 +02:00
.gitignore första commit 2024-10-22 00:04:26 +02:00
.npmrc första commit 2024-10-22 00:04:26 +02:00
.prettierignore första commit 2024-10-22 00:04:26 +02:00
.prettierrc första commit 2024-10-22 00:04:26 +02:00
eslint.config.js Update eslint.config.js 2024-10-21 22:08:15 +00:00
jsconfig.json första commit 2024-10-22 00:04:26 +02:00
package-lock.json första commit 2024-10-22 00:04:26 +02:00
package.json första commit 2024-10-22 00:04:26 +02:00
Readme.md Update Readme.md 2024-10-21 22:13:20 +00:00
svelte.config.js första commit 2024-10-22 00:04:26 +02:00
tsconfig.json första commit 2024-10-22 00:04:26 +02:00
vite.config.js första commit 2024-10-22 00:04:26 +02:00

Miniräknarprojekt

Detta projekt är en front-end miniräknarapplikation byggd med SvelteKit och SCSS. Den utvecklades ursprungligen i Webbutveckling 1 och har omvandlats till ett SvelteKit-projekt för uppgiften i Front-End-ramverk och SCSS.

Funktioner

  • Komponentbaserad Struktur: Miniräknaren är uppdelad i separata komponenter för bättre organisation och underhåll.
  • SvelteKit-specifik JavaScript: Utnyttjar SvelteKits kapacitet för att förbättra prestanda och effektivitet.
  • SCSS-stilskrivning: Alla stilar är skrivna i SCSS för modularitet och flexibilitet.
  • Versionskontroll: Hanterad med Git och hostad på Gitea/GitHub.

Kom igång

Förutsättningar

  • Node.js
  • npm eller yarn

Installation

  1. Klona repositoryt:

    git clone [repository_url]
    cd miniraknare-projekt
    
  2. Installera beroenden:

    npm install
    

Utveckling

  1. Starta utvecklingsservern:

    npm run dev
    
  2. Öppna din webbläsare och navigera till webben den ger dig. TEX: http://localhost:3000.

Projektstruktur

src/
│
├── routes/
│   └── index.svelte
│
├── components/
│   ├── Display.svelte
│   ├── Keypad.svelte
│   └── App.svelte
│
├── styles/
│   └── global.scss
│
└── App.svelte