Projecten
Een greep uit mijn projecten uit dienstverbanden, hobby- en cursusprojecten
PetSoft
PetSoft is een geavanceerde applicatie gebouwd met React en Next.js voor dierenopvangcentra. Dit is de zesde en laatste app gebouwd aan de hand van de Professional React & Next.js cursus van <a class="text-base font-medium leading-6 text-primary-500 hover:text-primary-600 dark:hover:text-primary-400" href="https://bytegrad.com/courses/professional-react-nextjs" target="blank" title="ByteGrad">ByteGrad</a>. De app bevat volledige CRUD functionaliteit, optimistic UI, server actions, auth, betalingen en meer! Het stelt gebruikers in staat om bij te houden welke huisdieren momenteel in de opvang zijn ingecheckt. Gebruikers kunnen nieuwe huisdieren toevoegen, informatie over huisdieren bewerken en huisdieren uitchecken wanneer ze vertrekken. Dit zorgt voor een efficiënte administratie van huisdiergegevens en biedt een naadloze ervaring voor het opvangpersoneel.
Meer
EVENTO
EVENTO is een full-stack applicatie gebouwd met React, Next.js en Tailwind CSS. Dit is de vijfde app gebouwd aan de hand van de Professional React & Next.js cursus van <a class="text-base font-medium leading-6 text-primary-500 hover:text-primary-600 dark:hover:text-primary-400" href="https://bytegrad.com/courses/professional-react-nextjs" target="blank" title="ByteGrad">ByteGrad</a>. Tijdens dit project worden Next.js fundamentals behandeld, maar wordt er ook kennis gemaakt met geavanceerde patronen. De app stelt gebruikers in staat om evenementen bij hen in de buurt te vinden. Gebruikers kunnen zoeken naar evenementen op basis van hun locatie, evenementdetails bekijken en zelfs routebeschrijvingen naar de evenementlocatie krijgen. De app biedt een naadloze ervaring voor het ontdekken van lokale evenementen en het op de hoogte blijven van wat er in de buurt gebeurt.
Meer
BotenWebManager
Dit is een project dat ik samen met collega's mocht ontwikkelen als medewerker van <a class="text-base font-medium leading-6 text-primary-500 hover:text-primary-600 dark:hover:text-primary-400" href="https://arimpex.nl/" target="blank" title="Arimpex">Arimpex Media Services</a>. BotenWebManager is een uitgebreide webapplicatie die speciaal is ontworpen voor het beheren van botenadvertenties. De applicatie biedt functies zoals het bijhouden van bootgegevens, en het doorplaatsen van advertenties naar verschillende botenplatforms. Het doel van BotenWebManager is om eigenaren en beheerders van jachthavens te helpen bij het efficiënt beheren van hun vloot en faciliteiten.
Meer
Botentekoop.nl
Dit is een project dat ik samen met collega's mocht ontwikkelen als medewerker van <a class="text-base font-medium leading-6 text-primary-500 hover:text-primary-600 dark:hover:text-primary-400" href="https://arimpex.nl/" target="blank" title="Arimpex">Arimpex Media Services</a>. Botentekoop.nl is een toonaangevend platform voor het kopen en verkopen van boten in Nederland. Het biedt een uitgebreide database van botenadvertenties, variërend van kleine sloepen tot luxe jachten. Gebruikers kunnen eenvoudig zoeken naar boten op basis van verschillende criteria zoals type, prijs, en locatie. Het platform biedt ook tools voor het beheren van advertenties, het bijhouden van favorieten, en het direct contact opnemen met verkopers. Botentekoop.nl streeft ernaar om de beste ervaring te bieden voor zowel kopers als verkopers in de botenmarkt. Botentekoop is verkocht aan een andere partij dus de look en feel van de website is inmiddels veranderd.
Meer
Camperscaravans.nl
Dit is een project dat ik samen met collega's mocht ontwikkelen als medewerker van <a class="text-base font-medium leading-6 text-primary-500 hover:text-primary-600 dark:hover:text-primary-400" href="https://arimpex.nl/" target="blank" title="Arimpex">Arimpex Media Services</a>. Camperscaravans.nl is een toonaangevend platform voor het kopen en verkopen van campers en caravans in Nederland. Het biedt een uitgebreide database van advertenties, variërend van compacte campers tot luxe caravans. Gebruikers kunnen eenvoudig zoeken naar voertuigen op basis van verschillende criteria zoals type, prijs, en bouwjaar. Het platform biedt ook tools voor het beheren van advertenties, het bijhouden van favorieten, en het direct contact opnemen met verkopers. Camperscaravans.nl streeft ernaar om de beste ervaring te bieden voor zowel kopers als verkopers in de markt voor recreatievoertuigen.
Meer
Sloepen.nl
Sloepen.nl is een project dat ik samen met collega's mocht ontwikkelen als medewerker van Arimpex Media Services. Sloepen.nl is een platform voor het kopen en verkopen van sloepen in Nederland. Het biedt een uitgebreide database van sloepenadvertenties, variërend van kleine sloepen tot luxe modellen. Gebruikers kunnen eenvoudig zoeken naar sloepen op basis van verschillende criteria zoals type, prijs, en locatie. Het platform biedt ook tools voor het beheren van advertenties, het bijhouden van favorieten, en het direct contact opnemen met verkopers.
Meer
Campers.nl
Dit is een project dat ik samen met collega's mocht ontwikkelen als medewerker van Arimpex Media Services. Campers.nl is een platform voor het kopen en verkopen van campers in Nederland. Het biedt een uitgebreide database van campersadvertenties, variërend van compacte campers tot luxe modellen. Gebruikers kunnen eenvoudig zoeken naar campers op basis van verschillende criteria zoals type, prijs, en locatie. Het platform biedt ook tools voor het beheren van advertenties, het bijhouden van favorieten, en het direct contact opnemen met verkopers.
Meer
LiftTracker
LiftTracker is een fitness-app gebouwd met React Native. Het stelt gebruikers in staat om hun sets, gewicht en herhalingen voor verschillende oefeningen bij te houden. Gebruikers kunnen hun trainingen per dag loggen en de kalenderfunctionaliteit gebruiken om hun trainingsgeschiedenis te bekijken. Deze app helpt gebruikers georganiseerd en gemotiveerd te blijven in hun fitnessreis.
Meer
DeveloperDiede.nl
DeveloperDiede.nl is mijn persoonlijke portfolio, gebouwd met React, Next.js, TypeScript en Tailwind CSS. Op deze website deel ik mijn projecten en geef ik een overzicht van mijn vaardigheden en ervaring. Het doel van DeveloperDiede.nl is om mijn werk te presenteren, mijn kennis te delen en in contact te komen met andere ontwikkelaars en potentiële werkgevers. De website is ontworpen met een focus op performance en toegankelijkheid, en maakt gebruik van een tailwind/next.js template om een soepele en responsieve gebruikerservaring te bieden.
Meer
RMTDEV
RMTDEV is een cutting-edge React app met moderne best practices, React-Query, TypeScript en Context API. Dit is de vijfde app gebouwd aan de hand van de Professional React & Next.js cursus van <a class="text-base font-medium leading-6 text-primary-500 hover:text-primary-600 dark:hover:text-primary-400" href="https://bytegrad.com/courses/professional-react-nextjs" target="blank" title="ByteGrad">ByteGrad</a>. Deze app is een jobplatform. Het stelt gebruikers in staat om naar vacatures te zoeken specifiek op het gebied van programmeren, inclusief React en andere gerelateerde technologieën.
Meer
CorpComment
Dit is de vierde app gebouwd aan de hand van de Professional React & Next.js cursus van <a class="text-base font-medium leading-6 text-primary-500 hover:text-primary-600 dark:hover:text-primary-400" href="https://bytegrad.com/courses/professional-react-nextjs" target="blank" title="ByteGrad">ByteGrad</a>. CorpComment is een platform gebouwd met React en Typescript. Gebruikers kunnen opmerkingen achterlaten over bedrijven met behulp van hashtags. Dit maakt eenvoudige categorisatie en zoeken van opmerkingen mogelijk. Gebruikers kunnen hun ervaringen, feedback en meningen over verschillende bedrijven delen, waardoor anderen weloverwogen beslissingen kunnen nemen. De app ondersteunt realtime updates en toont trending hashtags gerelateerd aan bedrijven.
Meer
Fancy Counter
Een simpele counter app. Dit is de eerste app gebouwd aan de hand van de Professional React & Next.js cursus van <a class="text-base font-medium leading-6 text-primary-500 hover:text-primary-600 dark:hover:text-primary-400" href="https://bytegrad.com/courses/professional-react-nextjs" target="blank" title="ByteGrad">ByteGrad</a>. Door middel van het bouwen van een simpele moderne React app wordt de basis van React bijgebracht. De app bevat een knop om de telling te verhogen en een andere knop om de telling te verlagen. De telling kan ook worden teruggezet naar nul.
Meer
Word Analytics
Een eenvoudige woordanalyse-app gebouwd met React. Dit is de tweede app gebouwd aan de hand van de Professional React & Next.js cursus van <a class="text-base font-medium leading-6 text-primary-500 hover:text-primary-600 dark:hover:text-primary-400" href="https://bytegrad.com/courses/professional-react-nextjs" target="blank" title="ByteGrad">ByteGrad</a>. Het bevat een tekstvak waarin je tekst kunt invoeren. De app toont vervolgens het aantal woorden, tekens en zinnen in de tekst.
Meer
TrekBag
TrekBag is een to-do stijl app gebouwd met React. Dit is de derde app gebouwd aan de hand van de Professional React & Next.js cursus van <a class="text-base font-medium leading-6 text-primary-500 hover:text-primary-600 dark:hover:text-primary-400" href="https://bytegrad.com/courses/professional-react-nextjs" target="blank" title="ByteGrad">ByteGrad</a>. Tijdens dit project worden er gevorderde en geavanceerde React technieken behandeld. Zoals het gebruik van de Context API, en deze vergelijken met een dedicated state management library zoals Zustand. De app helpt je bij het bijhouden van items die je moet inpakken voor je roadtrip. Je kunt items toevoegen aan je inpaklijst, ze markeren als ingepakt en ze verwijderen zodra je klaar bent. Dit zorgt ervoor dat je nooit essentiële items voor je reis vergeet.
MeerCorpComment (JS)
Dit is een app gebouwd aan de hand van de Professional JavaScript cursus van <a class="text-base font-medium leading-6 text-primary-500 hover:text-primary-600 dark:hover:text-primary-400" href="https://bytegrad.com/courses/professional-javascript" target="blank" title="ByteGrad">ByteGrad</a>. CorpComment is een platform gebouwd met JavaScript. Gebruikers kunnen opmerkingen achterlaten over bedrijven met behulp van hashtags. Dit maakt eenvoudige categorisatie en zoeken van opmerkingen mogelijk. Gebruikers kunnen hun ervaringen, feedback en meningen over verschillende bedrijven delen, waardoor anderen weloverwogen beslissingen kunnen nemen. De app ondersteunt realtime updates en toont trending hashtags gerelateerd aan bedrijven.
MeerRMTDEV (JS)
Dit is een app gebouwd aan de hand van de Professional JavaScript cursus van <a class="text-base font-medium leading-6 text-primary-500 hover:text-primary-600 dark:hover:text-primary-400" href="https://bytegrad.com/courses/professional-javascript" target="blank" title="ByteGrad">ByteGrad</a>. RMTDEV is een jobplatform gebouwd met JavaScript. Het stelt gebruikers in staat om naar vacatures te zoeken specifiek op het gebied van programmeren, inclusief React en andere gerelateerde technologieën.
Meer