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
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.
Meer