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
-
Klona repositoryt:
git clone [repository_url] cd miniraknare-projekt
-
Installera beroenden:
npm install
Utveckling
-
Starta utvecklingsservern:
npm run dev
-
Ö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
Description
Languages
Svelte
69.2%
JavaScript
24%
HTML
5.6%
SCSS
1.2%