WSL

7 🧾Reflektion

🎯 Syfte

  • Dokumentera projektet professionellt
  • Identifiera förbättringsmöjligheter
  • Reflektera kring arbetsflöden och verktyg
  • Förbereda projektet för framtida utveckling eller teamarbete

🗂️ Steg 1: Dokumentera projektet i README.md

Skapa eller förbättra en README.md i projektroten. Följ denna struktur:

# 🧮 Kalkylator-app (React + Node.js)

## 📦 Tekniker
- React (frontend)
- Node.js + Express (backend)
- Docker & Docker Compose
- GitHub Actions (CI/CD)
- Render (deployment)

## 🚀 Kom igång

### 1. Klona repo:
```bash
git clone https://github.com/<ditt-användarnamn>/calc-project.git

2. Starta lokalt:

docker-compose up --build

3. Besök:

🌐 Live-version

🧪 Funktioner

  • Beräkningar: +, -, ×, ÷
  • REST API mellan frontend och backend
  • Fullt CI/CD-flöde via GitHub Actions

📁 Projektstruktur

Beskriv kort mapparnas syfte (frontend, backend, docker-compose.yml osv.)

🔧 Miljövariabler

Ange vilka som krävs i .env (t.ex. PORT=5000)

🔍 Steg 2: Lista möjliga förbättringar

Skapa en ny fil TODO.md eller lägg till i README:

✅ Förslag på vidareutveckling:

  • Lägg till "rensa"-knapp i UI
  • Stöd för parenteser och mer avancerad logik
  • Snyggare UI med CSS eller Tailwind
  • Enhetstester med Jest (frontend) och Mocha/Chai (backend)
  • Linting med ESLint + Prettier
  • Delvis devcontainer-stöd eller Dockerfile med testflaggor
  • CI-workflow som kör tester automatiskt före merge

🧠 Steg 3: Reflektion

Skriv eller diskutera:

  1. Vad var svårast?
  2. Vilka verktyg var nya för dig?
  3. Vad hade du gjort annorlunda om du började om?
  4. Hur kan detta tillämpas i ett riktigt utvecklingsteam?

Tips: skapa ett reflection.md-dokument med dina tankar.

📊 Steg 4: Förbered för presentation (valfritt)

  • Visa din kod live eller via GitHub Pages/Render
  • Förbered en kort demo: funktion, kodstruktur, vad du lärt dig
  • Skapa slides i Google Slides eller Canva

✅ Klar med Projektmodul 7!

Grattis – du har nu:

  • Skapat ett fullstack-projekt från grunden
  • Dockeriserat och byggt miljöer
  • Automatiserat CI/CD-flöden
  • Publicerat till molnet
  • Dokumenterat och reflekterat

Du har genomfört ett yrkeslikt utvecklingsflöde från idé till produktion!