calculator | ||
src | ||
static | ||
.gitignore | ||
.npmrc | ||
.prettierignore | ||
.prettierrc | ||
eslint.config.js | ||
jsconfig.json | ||
package-lock.json | ||
package.json | ||
Readme.md | ||
svelte.config.js | ||
tsconfig.json | ||
vite.config.js |
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
http://localhost:3000
.
Projektstruktur
src/
│
├── routes/
│ └── index.svelte
│
├── components/
│ ├── Display.svelte
│ ├── Keypad.svelte
│ └── App.svelte
│
├── styles/
│ └── global.scss
│
└── App.svelte