This repository has been archived on 2026-02-06. You can view files and clone it. You cannot open issues or pull requests or push a commit.
Files
serengo/logs/logboek.md
2025-11-18 14:51:51 +01:00

18 KiB

Logboek - Serengo Project

November 2025

17 November 2025 - 3 uren

Werk uitgevoerd:

  • UI/UX Grote Overhaul - Fullscreen Map & Sidebar Design
  • Fullscreen map layout met side-sheet voor finds geïmplementeerd
  • Sidebar toggle functionaliteit toegevoegd
  • Local media proxy geïmplementeerd voor caching en CSP fixes
  • Mobile en desktop UI verbeteringen voor CreateFind en FindPreview
  • Overscroll behavior fixes
  • FindList overflow problemen opgelost

Commits:

  • 1c31e2c - add:sidebar toggle and fix overscroll behavior
  • d8cab06 - fix:overflow of findlist
  • d4d23ed - ui:find preview better ui
  • ab8b0ee - ui:create find better ui
  • dabc732 - fix:styling for mobile createfind
  • 1f0e814 - ui:remove mobile + button and use same as desktop
  • 96a173b - feat:use local proxy for media
  • 08f7e77 - ui:big ui update

Details:

  • Complete UI refresh met fullscreen map en overlay side-sheet voor finds
  • Sidebar toggle voor betere map ervaring
  • Local media proxy (/api/media/[...path]) voor caching en snellere laadtijden
  • CSP issues opgelost door local proxy te gebruiken in plaats van directe R2 requests
  • LocationButton component verwijderd (430 lines cleanup)
  • Verbeterde mobile en desktop styling voor CreateFindModal
  • FindPreview UI verbeteringen voor betere gebruikerservaring
  • Overscroll behavior gefixed voor soepelere scrolling
  • Mobile + button verwijderd, unified desktop/mobile interface

8 November 2025 - 5 uren

Werk uitgevoerd:

  • Web Push Notifications Systeem
  • Complete Web Push notification systeem geïmplementeerd
  • NotificationManager, NotificationPrompt, en NotificationSettings componenten
  • Notification preferences API endpoints
  • Push notification triggers voor likes, comments, en friend requests
  • Service worker push event handling
  • VAPID keys generation script

Commits:

  • ae339d6 - chore:linting,formatting,type fixing, ....
  • 0754d62 - fix:push notification UI, settings and API
  • e27b249 - fix:notifications
  • 4d28834 - fix:notificationmanager
  • d7f803c - fix:add NotificationManager and enable in layout
  • df67564 - feat:add Web Push notification system

Details:

  • Complete Web Push notification infrastructuur met VAPID keys
  • Database schema uitbreiding voor notification subscriptions en preferences
  • NotificationManager component voor real-time notification handling
  • NotificationPrompt voor gebruikers toestemming
  • NotificationSettings en NotificationSettingsSheet voor preference management
  • Push notifications bij likes, comments, en friend requests
  • Service worker integratie voor background push events
  • API endpoints voor subscription management en preferences
  • CSP updates voor FCM/GCM endpoints
  • Lucide-svelte dependency toegevoegd voor icons
  • Code linting, formatting, en type fixes

6 November 2025 - 4 uren

Werk uitgevoerd:

  • Comments Feature Implementatie
  • Complete comment systeem voor finds geïmplementeerd
  • Comment creation, viewing, en deletion functionaliteit
  • API-sync layer voor real-time comment synchronisatie
  • Scrollable comments met limit functionaliteit
  • Comment form en list UI componenten

Commits:

  • 2efd496 - add:enhance comments list with scroll, limit, and styling
  • b8c88d7 - feat:comments
  • af49ed6 - logs:update logs

Details:

  • Comment database schema en migraties
  • API endpoints voor comment CRUD operaties (/api/finds/[findId]/comments)
  • API-sync store uitbreiding voor comment state management
  • CommentForm component met real-time posting
  • CommentsList component met scrolling en limit ("+N more comments")
  • Comment component met delete functionaliteit
  • Integration in FindCard en FindPreview componenten
  • Responsive styling voor mobile en desktop
  • User authentication en authorization voor comments
  • Real-time updates via API-sync layer

Oktober 2025

4 November 2025 - 1 uren

Werk uitgevoerd:

  • UI Consistency & Media Layout Improvements
  • ProfilePicture component geïmplementeerd ter vervanging van Avatar componenten
  • Media layout en sizing verbeteringen voor betere responsive design
  • Mobile sheet optimalisaties voor verbeterde gebruikerservaring
  • Component refactoring voor consistentere UI across applicatie
  • Loading states en fallback styling geconsolideerd

Commits:

  • d3adac8 - add:ProfilePicture component and replace Avatar
  • 9800be0 - fix:Adjust media layout, sizing, and mobile sheet

Details:

  • Nieuwe ProfilePicture component met geïntegreerde avatar initials en fallback styling
  • Avatar componenten vervangen door ProfilePicture voor consistentie
  • Media container rendering geoptimaliseerd (alleen tonen bij aanwezige media)
  • Max-height van 600px toegevoegd voor images en videos met height:auto
  • Object-fit: contain toegepast voor media images in preview
  • Mobile sheet height gereduceerd van 80vh naar 50vh voor betere usability
  • Loading states UI geconsolideerd in ProfilePicture component
  • Component library verder uitgebreid met herbruikbare UI elementen

27-29 Oktober 2025 - 10 uren

Werk uitgevoerd:

  • Phase 3: Google Places Integration & Sync Service
  • Complete implementatie van sync-service voor API data synchronisatie
  • Google Maps Places API integratie voor POI zoekfunctionaliteit
  • Location tracking optimalisaties met continuous watching
  • CSP (Content Security Policy) fixes voor verbeterde security
  • Child subscription fixes voor data consistency

Commits:

  • 4c973c4 - fix:some csp issues
  • d7fe909 - fix:new child subscription
  • 6620cc6 - feat:implement a sync-service
  • 3b3ebc2 - fix:continuously watch location
  • fef7c16 - feat:use GMaps places api for searching poi's

Details:

  • Complete sync-service architectuur voor real-time data synchronisatie
  • Google Places API integratie voor Point of Interest zoekfunctionaliteit
  • Verbeterde location tracking met continuous watching voor nauwkeurigere positiebepaling
  • Security verbeteringen door CSP issues op te lossen
  • Data consistency verbeteringen met child subscription fixes
  • Enhanced POI search capabilities met Google Maps integration

21 Oktober 2025 (Maandag) - 4 uren

Werk uitgevoerd:

  • UI Refinement & Bug Fixes
  • Create Find Modal UI refactoring met verbeterde layout
  • Finds list en header layout updates voor betere UX
  • Friends filtering logica fixes
  • Friends en users search functionaliteit verbeteringen
  • Modal interface optimalisaties

Commits:

  • aa9ed77 - UI:Refactor create find modal UI and update finds list/header layout
  • e1c5846 - fix:friends filtering

Details:

  • Verbeterde modal interface met consistente styling
  • Fixed filtering logica voor vriendensysteem
  • Enhanced search functionaliteit voor gebruikers en vrienden
  • UI/UX verbeteringen voor betere gebruikerservaring

20 Oktober 2025 (Zondag) - 2 uren

Werk uitgevoerd:

  • Search Logic Improvements
  • Friends en users search logica geoptimaliseerd
  • Filtering verbeteringen voor vriendschapssysteem
  • Backend search algoritmes verfijnd

Commits:

  • 634ce8a - fix:logic of friends and users search

Details:

  • Verbeterde zoekalgoritmes voor gebruikers
  • Geoptimaliseerde filtering voor vriendensysteem
  • Backend logica verfijning voor betere performance

16 Oktober 2025 (Woensdag) - 6 uren

Werk uitgevoerd:

  • Phase 2D: Friends & Privacy System - Volledige implementatie
  • Complete vriendschapssysteem geïmplementeerd (verzenden/accepteren/weigeren/verwijderen)
  • Friends management pagina ontwikkeld met gebruikerszoekfunctionaliteit
  • Privacy-bewuste find filtering met vriendenspecifieke zichtbaarheid
  • API endpoints voor vriendschapsbeheer (/api/friends, /api/friends/[friendshipId])
  • Gebruikerszoek API met vriendschapsstatus integratie (/api/users)
  • FindsFilter component met 4 filteropties (All/Public/Friends/Mine)
  • Hoofdpagina uitgebreid met geïntegreerde filteringfunctionaliteit
  • ProfilePanel uitgebreid met Friends navigatielink
  • Type-safe implementatie met volledige error handling

Commits:

Details:

  • Complete sociale verbindingssysteem voor gebruikers
  • Real-time filtering van finds op basis van privacy instellingen
  • SHADCN componenten gebruikt voor consistente UI (Cards, Badges, Avatars, Dropdowns)
  • Svelte 5 patterns toegepast met $state, $derived, en $props runes
  • Bestaande friendship table schema optimaal benut zonder wijzigingen
  • Comprehensive authentication en authorization op alle endpoints
  • Mobile-responsive design met aangepaste styling voor kleinere schermen

14 Oktober 2025 (Maandag) - 8 uren

Werk uitgevoerd:

  • Phase 2A & 2C: Modern Media + Social Features
  • Video support met custom VideoPlayer component geïmplementeerd
  • WebP image processing met JPEG fallbacks toegevoegd
  • Like/unlike systeem met optimistic UI updates
  • Database schema uitgebreid met fallback media URLs
  • LikeButton component met animaties ontwikkeld
  • API endpoints voor like functionality (/api/finds/[findId]/like)
  • Media processor uitgebreid voor moderne formaten
  • CSP headers bijgewerkt voor video support
  • Volledige UI integratie in FindCard en FindPreview componenten

Commits:

  • 067e228 - feat:video player, like button, and media fallbacks

Details:

  • Complete video playback systeem met custom controls
  • Modern WebP/JPEG image processing pipeline
  • Social interaction systeem met real-time like counts
  • Enhanced media carousel met video support
  • Type-safe interfaces voor alle nieuwe functionaliteit
  • Backward compatibility behouden voor bestaande media

13 Oktober 2025 (Zondag) - 4 uren

Werk uitgevoerd:

  • API architectuur verbetering
  • Finds weergave op homepage geïmplementeerd
  • API logic verplaatst van page servers naar dedicated API routes
  • Code organisatie en separation of concerns verbeterd
  • Homepage uitgebreid met Finds functionaliteit

Commits: 2 commits (b95c7da, 88ed74f)

Details:

  • Betere API structuur volgens SvelteKit best practices
  • Finds integratie op hoofdpagina
  • Code cleanup en organisatie
  • Improved separation tussen frontend en API logic

10 Oktober 2025 (Donderdag) - 6 uren

Werk uitgevoerd:

  • Finds feature implementatie
  • Media upload functionaliteit met Cloudflare R2 storage
  • Signed URLs voor veilige media toegang
  • R2 bucket configuratie en integratie
  • Overscroll behavior verbeteringen
  • Code refactoring en cleanup

Commits: 3 commits (c454b66, e0f5595, 1d858e4)

Details:

  • Complete media upload systeem met R2
  • Veilige URL signing voor uploaded bestanden
  • Finds feature als kernfunctionaliteit
  • Storage optimalisaties

7 Oktober 2025 (Maandag) - 5 uren

Werk uitgevoerd:

  • Grote SEO, PWA en performance optimalisaties
  • Logo padding gefixed
  • Favicon bestanden opgeruimd (verwijderd oude favicon bestanden)
  • Manifest.json geoptimaliseerd en naming fixes
  • Sitemap.xml automatisch gegenereerd
  • Service worker uitgebreid voor caching
  • Meta tags en Open Graph voor SEO
  • Background afbeelding gecomprimeerd (50% kleiner)
  • Performance logs/PDFs opgeslagen (voor én na optimalisaties)
  • Vite config optimalisaties
  • Build issues opgelost
  • CSP (Content Security Policy) issues gefixed
  • Lighthouse performance logs toegevoegd

Commits: 6 commits (c8bae0c, b2d1457, 63f7e0c, a806664, 8d3922e, 716c05c, 5f0cae6)

Details:

  • Complete SEO optimalisatie met meta tags
  • PWA verbeteringen en caching strategie
  • Performance optimalisaties door image compression
  • Automatische sitemap generatie
  • Service worker caching voor offline functionaliteit
  • CSP security verbeteringen
  • Performance monitoring met Lighthouse logs (voor/na vergelijking)

3 Oktober 2025 (Donderdag) - 8 uren

Werk uitgevoerd:

  • Google OAuth implementatie toegevoegd
  • Database schema uitgebreid voor OAuth
  • Login formulier met shadcn/ui componenten
  • Background afbeelding toegevoegd voor login pagina
  • Location tracking en kaart functionaliteit geïmplementeerd
  • Sonner toast notifications voor foutmeldingen
  • Skeleton loading states toegevoegd
  • MapLibre GL JS maps geïntegreerd
  • Diverse styling fixes en verbeteringen

Commits: 10 commits (fbe0a75, 0caa5dc, 6fddf42, d8aa99e, 101b6cf, 5cb0b9e, d82f590, 00da815, b82141e, 0abf4f9)

Details:

  • Complexe OAuth flow met Google
  • Geolocation API integratie
  • Real-time location watching
  • UI component library uitbreiding
  • Map integration met zoom functionaliteit

2 Oktober 2025 (Woensdag) - 5 uren

Werk uitgevoerd:

  • MapLibre maps feature toegevoegd
  • Header component verbeterd
  • Basis kaart functionaliteit geïmplementeerd
  • Heel wat testen met self-hosted maps adhv OpenMapTiles

Commits: 1 commit (b44a69b)


29 September 2025 (Zondag) - 3 uren

Werk uitgevoerd:

  • Modal component geïmplementeerd
  • Header component toegevoegd aan layout
  • Profile panel component ontwikkeld
  • UI verbeteringen voor login pagina
  • Code cleanup en refactoring

Commits: 6 commits (aa8161f, 0b44f10, 13d9303, 204a443, cc24bc0, b6cf77e)

Details:

  • Grote refactor van UI componenten
  • Herbruikbare modal component
  • Verbeterde gebruikersinterface

28 September 2025 (Zaterdag) - 5 uren

Werk uitgevoerd:

  • Complete UI overhaul van homepage
  • Storybook integratie verwijderd
  • Custom componenten geïmplementeerd (Button, Input, ErrorMessage, UserInfo)
  • ProfileIcon en ProfilePanel componenten
  • Login UI drastisch verbeterd met custom styling
  • Washington font toegevoegd
  • CSS styling uitgebreid

Commits: 6 commits (19c1b7b, aa72a3b, 62b2108, 98d745b, bc8a76b, c4deeb8)

Details:

  • Grote codebase cleanup (1000+ lijnen verwijderd)
  • Custom component library opgebouwd
  • Professionele login interface
  • Typography verbeteringen

27 September 2025 (Vrijdag) - 6 uren

Werk uitgevoerd:

  • Vercel deployment configuratie
  • Auth systeem naar main applicatie verplaatst
  • Docker configuratie fixes
  • Container deployment setup
  • CSRF auth fixes
  • Database migraties

Commits: 12 commits (925e716, bb118ca, 806fb92, 79f57c1, d8e2569, dd20a12, 219a78e, 0bcf6c8, 752cb04, 62c7c5e, 1b413e1, 88a7e74, bbe68c6, fc39408)

Details:

  • Production deployment voorbereiding
  • Docker containerization
  • Auth system integratie
  • Security verbeteringen

26 September 2025 (Donderdag) - 5 uren

Werk uitgevoerd:

  • Lucia auth systeem geïmplementeerd
  • Database schema voor gebruikers
  • Login/logout functionaliteit
  • pnpm-lock.yaml cleanup
  • AGENTS.md documentatie toegevoegd
  • Database setup en migraties
  • Logo en PWA manifest
  • Chromatic integration
  • Code formatting
  • Tailwind CSS verwijderd

Commits: 10 commits (7e4570c, 3cdb35b, e4fdfc4, f0d30bc, 9b4e956, fe0f939, ad72884, 8745ef1, 9ce6f96, d8f7921, 93eded5, fc5b927, faa2f94)

Details:

  • Volledige authenticatie systeem
  • Database structuur opgezet
  • Project configuratie
  • PWA functionaliteit
  • Initial project setup

Totaal Overzicht

Totale geschatte uren: 93 uren Werkdagen: 17 dagen Gemiddelde uren per dag: 5.5 uur

Project Milestones:

  1. 26 Sept: Project initialisatie en auth systeem
  2. 27 Sept: Deployment en productie setup
  3. 28 Sept: UI/UX complete overhaul
  4. 29 Sept: Component architectuur verbetering
  5. 2-3 Okt: Maps en location features
  6. 7 Okt: SEO, PWA en performance optimalisaties
  7. 10 Okt: Finds feature en media upload systeem
  8. 13 Okt: API architectuur verbetering
  9. 14 Okt: Modern media support en social interactions
  10. 16 Okt: Friends & Privacy System implementatie
  11. 20 Okt: Search logic improvements
  12. 21 Okt: UI refinement en bug fixes
  13. 27-29 Okt: Google Places Integration & Sync Service
  14. 4 Nov: UI Consistency & Media Layout Improvements
  15. 6 Nov: Comments Feature Implementatie
  16. 8 Nov: Web Push Notifications Systeem
  17. 17 Nov: UI/UX Grote Overhaul - Fullscreen Map & Sidebar Design

Hoofdfunctionaliteiten geïmplementeerd:

  • Gebruikersauthenticatie (Lucia + Google OAuth)
  • Responsive UI met custom componenten
  • Real-time locatie tracking
  • Interactive maps (MapLibre GL JS)
  • PWA functionaliteit
  • Docker deployment
  • Database (PostgreSQL + Drizzle ORM)
  • Toast notifications
  • Loading states en error handling
  • SEO optimalisatie (meta tags, Open Graph, sitemap)
  • Performance optimalisaties (image compression, caching)
  • Finds feature met media upload
  • Cloudflare R2 storage integratie
  • Signed URLs voor veilige media toegang
  • API architectuur verbetering
  • Video support met custom VideoPlayer component
  • WebP image processing met JPEG fallbacks
  • Like/unlike systeem met real-time updates
  • Social interactions en animated UI components
  • Friends & Privacy System met vriendschapsverzoeken
  • Privacy-bewuste find filtering met vriendenspecifieke zichtbaarheid
  • Friends management pagina met gebruikerszoekfunctionaliteit
  • Real-time find filtering op basis van privacy instellingen
  • Google Maps Places API integratie voor POI zoekfunctionaliteit
  • Sync-service voor API data synchronisatie
  • Continuous location watching voor nauwkeurige tracking
  • CSP security verbeteringen
  • Comments systeem met real-time synchronisatie
  • Scrollable comments met limit functionaliteit
  • Web Push notifications systeem
  • Notification preferences management
  • Push notifications voor likes, comments, en friend requests
  • Service worker push event handling
  • Local media proxy voor caching en performance
  • Fullscreen map UI met sidebar toggle
  • Unified mobile/desktop interface