chore:add logboek

logs/logboek.md

@@ -3,7 +3,7 @@
 ## Development Timeline & Activity Log
 
 **Project Start:** 26 September 2025  
-**Total Commits:** 99 commits  
+**Total Commits:** 125 commits  
 **Primary Developer:** Zias van Nes  
 **Tech Stack:** SvelteKit, Drizzle ORM, PostgreSQL, Cloudflare R2, MapLibre GL JS
 
@@ -11,6 +11,208 @@
 
 ## December 2025
 
+### 16 December 2025 - 8 uren
+
+**Werk uitgevoerd:**
+
+- **Phase 7: Docker Deployment & Map Improvements**
+- Self-hosted Docker deployment configuratie voltooid
+- Custom OSM map styles geïmplementeerd (dark-matter, positron)
+- Rating systeem voor finds toegevoegd
+- Database ERD gegenereerd
+- Location names migratie van finds naar location table
+- Location markers op kaart toegevoegd
+- CSP fixes voor OSM tile servers
+- Production-ready Docker setup met automated migrations
+
+**Commits:**
+
+- 4af0e3d - fix:location names
+- f48746c - fix:csp of osm styles  
+- 200c761 - fix:OSM
+- 20b5674 - fix:switch back to OSM
+- 42670d1 - feat:db erd
+- b6b7319 - fix:api-sync rating and CORS new OSM tiles
+- 95ddd10 - feat:custom map styles
+- 851a9df - feat:rating
+- abed279 - fix:more bg-opacity to POI search to increase visibility
+- 5d45ec7 - fix:location name table in [findid] api
+- 1a7703b - fix:add drizzle to prod instead of dev so migrations can be ran in build step
+- b7eb7ad - fix:remove loader skeleton from main page when not logged in
+- 81645a4 - fix:drizzle is needed to perform migrations in the build step
+- deebeb0 - add:db migration to dockerbuild and edit origin url
+- 0c1c9d2 - fix:docker
+- ae6a96d - feat:use selfhosted docker
+- 577a3ca - feat:migrate location name from finds to location table
+
+**Details:**
+
+**Docker Deployment System (ae6a96d, 0c1c9d2, deebeb0, 1a7703b, 81645a4):**
+
+- Complete self-hosted Docker setup geïmplementeerd
+- Automated database migrations in Docker entrypoint
+- Production-ready container configuration
+- Origin URL configuratie voor deployment
+- Drizzle ORM in production dependencies voor migration support
+- Docker build optimalisaties voor snellere deployments
+- Environment variable handling in containerized environment
+
+**Rating System Implementation (851a9df, b6b7319):**
+
+- Rating functionaliteit toegevoegd aan finds
+- API-sync layer uitgebreid voor rating state management
+- User ratings met real-time updates
+- Database schema uitbreiding voor ratings storage
+- Rating UI components geïntegreerd in FindCard
+- CORS fixes voor nieuwe functionality
+
+**Custom Map Styles (95ddd10, 20b5674, 200c761, f48746c):**
+
+- Custom OSM map styles: dark-matter en positron
+- Map style JSON configuratie files toegevoegd (static/map-styles/)
+- Switched to OpenStreetMap tiles voor betere customizability
+- CSP (Content Security Policy) updates voor OSM tile servers
+- Style switcher functionaliteit voorbereid
+- Betere visuele consistentie met app theme
+
+**Location Architecture Refactor (577a3ca, 5d45ec7, 4af0e3d):**
+
+- Grote database refactor: location names gemigreerd van finds naar location table
+- Multiple finds kunnen nu dezelfde location delen
+- Location-based find grouping geïmplementeerd
+- Frontend components volledig geüpdatet voor nieuwe architectuur
+- Location name handling verbeterd in API endpoints
+- Better data normalization en reduced redundancy
+
+**Map Enhancements (d67b9b7, e79d574, 92457f9, abed279):**
+
+- Location markers toegevoegd aan kaart
+- Overflow fixes in location list component
+- POI search visibility verbeteringen (background opacity)
+- Styling verbeteringen voor betere UX
+- Enhanced marker positioning en clustering
+
+**Database & Documentation (42670d1):**
+
+- Database ERD (Entity Relationship Diagram) gegenereerd
+- Visual documentation van database schema
+- erd.svg bestand toegevoegd aan repository root
+- Improved technical documentation
+
+**UI/UX Polish (b7eb7ad):**
+
+- Loading skeleton verwijderd van main page voor niet-ingelogde gebruikers
+- Betere first-time user experience
+- Cleaner landing page presentatie
+
+**Technical Implementation:**
+
+- **Docker Setup:**
+  - Multi-stage Docker build voor optimale image size
+  - Health checks geïmplementeerd
+  - Automated migration runner in entrypoint script
+  - Production-optimized configurations
+  - Environment-based configuration management
+
+- **Rating System:**
+  - Star-based rating interface (1-5 stars)
+  - Real-time rating aggregation
+  - User rating history tracking
+  - Optimistic UI updates via api-sync
+  - Database indexes voor performance
+
+- **Location Architecture:**
+  - Normalized location data (separate table)
+  - Find-location relationships via foreign keys
+  - Location reusability across multiple finds
+  - Improved query performance with proper indexing
+  - Frontend refactored voor nieuwe data structure
+
+- **Map Styles:**
+  - Two custom OSM-based styles (dark/light)
+  - MapLibre GL JS style specifications
+  - Tile server configuration voor self-hosting readiness
+  - CSP-compliant external resource loading
+
+**User Experience Improvements:**
+
+- Cleaner landing page voor nieuwe gebruikers
+- Betere map visibility met custom styles
+- Rating functionality voor community feedback
+- Location-based find organization
+- Production-ready deployment voor stable hosting
+
+---
+
+### 8-15 December 2025 - 12 uren
+
+**Werk uitgevoerd:**
+
+- **Phase 6: Major Logic Overhaul - Locations & Finds Refactor**
+- Complete applicatie-architectuur herziening
+- Location-based find system geïmplementeerd
+- Multiple finds per location ondersteuning
+- Database schema volledig gerefactored
+- Location markers en UI verbeteringen
+- Overflow fixes in location lists
+
+**Commits:**
+
+- 2122511 - Merge pull request 'logic-overhaul' (#4) from logic-overhaul into main
+- 2e14a2f - fix
+- 61ffd2d - let the fun begin!
+- 495e67f - feat:use locations&finds
+- d67b9b7 - add:location marker
+- e79d574 - fix:overflow in location list
+- 92457f9 - fix: some styles
+
+**Details:**
+
+**Major Architecture Overhaul (495e67f, 61ffd2d, 2e14a2f):**
+
+- Complete redesign van data model: locations en finds gescheiden
+- Location-centric architecture waarbij multiple finds aan dezelfde locatie gekoppeld kunnen worden
+- Users kunnen nu dezelfde plaats registreren met verschillende finds
+- Database schema volledig geherstructureerd met nieuwe relationships
+- Migration scripts voor data transformatie van oude naar nieuwe structuur
+- API endpoints volledig aangepast voor nieuwe architectuur
+- Frontend components gerefactored voor location-based navigation
+
+**Location System Implementation:**
+
+- Nieuwe locations table als centrale entiteit
+- Finds worden gegroepeerd per location
+- Location sharing tussen users mogelijk
+- Geoptimaliseerde queries voor location-based find retrieval
+- Enhanced location search en filtering
+- Location-based map clustering
+
+**UI & Navigation Updates (d67b9b7, e79d574, 92457f9):**
+
+- Location markers toegevoegd aan kaart interface
+- Location list overflow issues opgelost
+- Styling verbeteringen voor location cards
+- Better responsive design voor location views
+- Improved navigation tussen locations en finds
+
+**Technical Details:**
+
+- Backward compatibility behouden tijdens migratie
+- Data integrity checks geïmplementeerd
+- Transaction-safe migrations
+- Type-safe nieuwe interfaces across frontend/backend
+- Comprehensive testing van nieuwe logic flow
+
+**Impact:**
+
+- Enables collaborative location mapping (multiple users, same place)
+- Better data organization en reduced redundancy
+- Improved scalability voor location-based features
+- Foundation voor future features (location ratings, check-ins, etc.)
+- More intuitive user experience voor place discovery
+
+---
+
 ### 1 December 2025 - 4 uren
 
 **Werk uitgevoerd:**
@@ -708,13 +910,13 @@
 
 ## Totaal Overzicht
 
-**Totale geschatte uren:** 110 uren  
-**Totaal aantal commits:** 99 commits
+**Totale geschatte uren:** 130 uren  
+**Totaal aantal commits:** 125 commits
 
 ### Git Statistics:
 
 ```
-Total Commits: 99
+Total Commits: 125
 Primary Author: Zias van Nes
 Commit Breakdown by Phase:
   - Initial Setup & Auth (Sept 26-27): 16 commits
@@ -727,6 +929,8 @@ Commit Breakdown by Phase:
   - Polish & Refinement (Nov 4-8): 9 commits
   - Major Overhauls (Nov 17-23): 9 commits
   - Find Management (Dec 1): 2 commits
+  - Logic Overhaul (Dec 8-15): 7 commits
+  - Docker & Map Improvements (Dec 16): 17 commits
 ```
 
 ### Project Milestones:
@@ -750,6 +954,10 @@ Commit Breakdown by Phase:
 
 **Phase 6: Find Management & Advanced Features (Dec 1)** 46. Complete find update functionality 47. Find delete with media cleanup 48. EditFindModal component met media management 49. Individual media deletion 50. API-sync layer enhancement voor optimistic updates 51. Automatic database synchronization 52. Rollback mechanism voor failed operations
 
+**Phase 7: Major Logic Overhaul - Locations & Finds (Dec 8-15)** 53. Complete architecture redesign: locations and finds separation 54. Location-centric system: multiple finds per location 55. Database schema complete refactor met nieuwe relationships 56. Location sharing tussen users geïmplementeerd 57. Location markers en map clustering 58. UI overhaul voor location-based navigation 59. Data migration van oude naar nieuwe structuur 60. Enhanced location search en filtering
+
+**Phase 8: Docker Deployment & Map Improvements (Dec 16)** 61. Self-hosted Docker deployment configuratie 62. Automated database migrations in Docker entrypoint 63. Production-ready container setup 64. Rating system voor finds geïmplementeerd 65. Custom OSM map styles (dark-matter, positron) 66. Location names migratie naar location table 67. Database ERD generation voor documentation 68. CSP fixes voor OSM tile servers 69. API-sync rating integration met real-time updates 70. Map style switching infrastructure
+
 ### Hoofdfunctionaliteiten geïmplementeerd:
 
 **Authentication & Users:**
@@ -778,6 +986,10 @@ Commit Breakdown by Phase:
 - [x] Google Maps Places API integratie
 - [x] POI search functionaliteit
 - [x] Enhanced marker positioning
+- [x] Custom OSM map styles (dark-matter, positron)
+- [x] Location markers op kaart
+- [x] Location-based find clustering
+- [x] CSP-compliant tile loading
 
 **Finds & Media:**
 
@@ -795,6 +1007,9 @@ Commit Breakdown by Phase:
 - [x] Individual media deletion
 - [x] Optimistic updates met automatic sync
 - [x] Find deletion met authorization checks
+- [x] Rating system voor finds (1-5 stars)
+- [x] Location-based find organization
+- [x] Multiple finds per location support
 
 **Social Interactions:**
 
@@ -831,6 +1046,8 @@ Commit Breakdown by Phase:
 - [x] PostgreSQL database (Drizzle ORM)
 - [x] Docker deployment setup
 - [x] Vercel production deployment
+- [x] Self-hosted Docker deployment met automated migrations
+- [x] Production-ready container configuration
 - [x] API architectuur met dedicated routes
 - [x] Sync-service voor data synchronisatie
 - [x] API-sync layer voor optimistic updates
@@ -838,6 +1055,9 @@ Commit Breakdown by Phase:
 - [x] Type-safe interfaces across entire stack
 - [x] Automatic rollback mechanism
 - [x] Centralized state management
+- [x] Database ERD documentation
+- [x] Location-centric architecture
+- [x] Normalized data relationships
 
 **Developer Experience:**
 
@@ -880,10 +1100,12 @@ src/lib/components/
 - Users table (auth, profiles)
 - Sessions table (Lucia auth)
 - OAuth accounts table
-- Finds table (posts met location en media)
+- Locations table (shared location data)
+- Finds table (posts at locations met media)
 - Likes table (user interactions)
 - Comments table (nested discussions)
 - Friendships table (social connections)
+- Ratings table (find ratings)
 - Notification subscriptions table
 - Notification preferences table
 
@@ -973,6 +1195,10 @@ src/lib/components/
 6. **Mobile UX:** Unified interface eliminates duplication en improves consistency
 7. **Optimistic Updates:** API-sync layer met automatic rollback voor seamless UX
 8. **State Management:** Centralized sync architecture eliminates redundant code
+9. **Data Architecture:** Complete overhaul naar location-centric model voor better scalability
+10. **Docker Deployment:** Automated migrations in container entrypoint voor production reliability
+11. **Map Customization:** Custom OSM styles met proper CSP configuration
+12. **Data Normalization:** Location names migratie reduces redundancy en improves data integrity
 
 ### Future Considerations:
 
@@ -988,6 +1214,11 @@ src/lib/components/
 - [ ] Export/backup functionaliteit
 - [ ] Batch operations (multi-select delete/edit)
 - [ ] Media reordering in finds
+- [ ] Map style switcher UI
+- [ ] Self-hosted tile server
+- [ ] Location-based recommendations
+- [ ] User check-ins at locations
+- [ ] Location popularity metrics
 
 ---
 
@@ -1077,6 +1308,6 @@ pnpm run format        # Prettier --write
 
 ---
 
-**Last Updated:** 1 December 2025  
+**Last Updated:** 16 December 2025  
 **Status:** Active Development  
 **Version:** Beta (Pre-release)