PackHelper is een slimme React + TypeScript webapp die automatisch gepersonaliseerde inpaklijsten maakt voor elke reis. Gebruikers beantwoorden enkele vragen, waarna de app een lijst genereert die ze kunnen aanvullen en afvinken, mét voortgangsbalk. Zo houdt elke reiziger overzicht en vergeet je nooit meer iets.
PackHelper is een moderne webapplicatie, gebouwd met React en TypeScript, die reizigers helpt slim in te pakken. Door een paar eenvoudige vragen te beantwoorden (reisduur, bestemming, klimaat en type vakantie) genereert de app automatisch een gepersonaliseerde inpaklijst. Gebruikers kunnen hun voortgang bijhouden via een overzichtelijke progressiebalk en lijsten aanpassen naar eigen wens. Met ondersteuning voor meerdere lijsten tegelijk biedt PackHelper overzicht, gebruiksgemak en betrouwbaarheid — ideaal voor backpackers, bikepackers en vakantiegangers.
Ik kwam op het idee toen ik aan het inpakken was voor een city trip naar Morocco en ik niet wist wat en hoeveel ik mee moest nemen. Later uitgebreid door ook mijn Bikepack paklijstje erbij te betrekken.
Voor deze app heb ik voor het eerst gebruik gemaakt van ReactJS. Verder heb ik uitsluitend Bootstrap gebruikt bij het stylen.
Ik denk dat ReactJS een leuke manier is om apps te maken en omdat er al zoveel libraries bestaan is er altijd een voorbeeld te vinden om mee te werken.
Bootstrap is ook een handige oplossing als je snel de styling moet regelen maar ik ben er geen fan van. Ik stijl liever zelf in CSS, dat vind ik leuker om te doen, maar het duurt natuurlijk wel een stuk langer op die manier.
Bij het maken van deze app heb ik Typescript gebruikt. Voor de styling heb ik de Bootstrap CSS library uitgeprobeerd.
Ik heb de app geschreven met ReactJS. Ik heb ervoor gekozen om een app te maken voor de smartphone.
Voor de versiebeheer gebruik ik Git en omdat ik op twee machines werk staat de code ook op GitHub.
https://github.com/Hu1bW/packhelper
