57 lines
1.3 KiB
Markdown
57 lines
1.3 KiB
Markdown
# 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:
|
|
```bash
|
|
git clone [repository_url]
|
|
cd miniraknare-projekt
|
|
```
|
|
|
|
2. Installera beroenden:
|
|
```bash
|
|
npm install
|
|
```
|
|
|
|
### Utveckling
|
|
|
|
1. Starta utvecklingsservern:
|
|
```bash
|
|
npm run dev
|
|
```
|
|
|
|
2. Öppna din webbläsare och navigera till `http://localhost:3000`.
|
|
|
|
### Projektstruktur
|
|
|
|
```plaintext
|
|
src/
|
|
│
|
|
├── routes/
|
|
│ └── index.svelte
|
|
│
|
|
├── components/
|
|
│ ├── Display.svelte
|
|
│ ├── Keypad.svelte
|
|
│ └── App.svelte
|
|
│
|
|
├── styles/
|
|
│ └── global.scss
|
|
│
|
|
└── App.svelte |