HTML
Ervaren
Hoi, Ik ben
Front end Developer
Hoi, ik ben Joseph Appenteng, een MBO student aan het Media College Amsterdam met een passie voor webdevelopment. Door mijn cursussen en projecten heb ik vooral sterke vaardigheden ontwikkeld in front-end development, terwijl ik ook basiskennis heb van back-end development. Ik ben enthousiast om mijn front-end expertise toe te passen in een professionele omgeving. Ik werk graag samen in een team en geniet ervan om nieuwe uitdagingen aan te gaan. Dit portfolio laat mijn werk zien en weerspiegelt mijn inzet voor groei en innovatie. Ik kijk ernaar uit om tijdens mijn aankomende stage bij te dragen en te leren. Bedankt voor je bezoek!
Media College Amsterdam
Mbo Niveau 4
Ervaren
Ervaren
Gemiddeld
Basic
Basis
Basis
Basic
Ervaren
Basic
Gemiddeld
Basic
Gemiddeld
Ervaren
In samenwerking met het Amsterdam Museum werkte ik als Software Development student mee aan het project "Nieuw Amsterdam?". Dit project was onderdeel van een tentoonstelling over de gedeelde geschiedenis tussen Amsterdam en New York. Het doel van het project was om één historisch object uit de tentoonstelling tot leven te brengen door middel van een interactieve installatie.
Dit project is gemaakt door Game Artist (3 studenten), Software Development (5 studenten) en Ruimtelijk Vormgeving (3 studenten). De opdrachtgever van dit project was Amsterdam Museum en de project duurde 9 weken. Mijn rol als software development student was de software voor de installatie ontwikkelen.
Dit individueel project bestond uit het bouwen van een populair webshop van de Mediamarkt-webshop, een van de populairste webshops in Nederland. De webshop bevat een productfilter en een werkende "toevoegen aan winkelwagen"-functie. Het doel was om een realistische webshopervaring na te bootsen met een gebruiksvriendelijke interface en een functioneel productselectie- en aankoopproces.
De doel van dit project was om een webshop replica te bouwen met productfilter en winkelwagenfunctionaliteit.Mijn webshop keuze was Mediamarkt. De project duurde 4 weken.
Dit project toont mijn vaardigheden in front-end ontwikkeling, API-integratie, en datavisualisatie. De app toont data over mijn favoriet tv-shows, Pokémon en persoonlijke statistieken. Gebruikers kunnen onder andere een naam invoeren om de geschatte leeftijd op te vragen via de Agify API of een Pokémon proberen te vangen door een willekeurig gegenereerde Pokémon te bekijken.
De doel van dit project was om een dynamisch dashboard te bouwen met API-koppelingen en interactieve grafieken.Dit project duurde 2 weken. Het ophalen en verwerken van externe API-data en het dynamisch updaten van grafieken was een beetje uitdagend.
Dit individueel project toon een blogwebsite waar ik artikelen deel over games zoals Pikmin Bloom en Marvel's Avengers. De website is responsive en heeft een strakke, moderne uitstraling.
Het doel van dit project is om mijn vaardigheden in webontwikkeling te demonstreren door een functionele en esthetisch aantrekkelijke blogwebsite te bouwen. Dit project duurde 2 weken.
Als individueel project ontwikkelde ik een muziekspeler met behulp van React. Dit was mijn eerste kennismaking met React, waarin ik leerde werken met componenten, state en props. De speler maakt het mogelijk om zelf toegevoegde nummers af te spelen via een eenvoudige, gebruiksvriendelijke interface.
Dit project werd individueel uitgevoerd en had als doel een functionele muziekspeler te bouwen waarin gebruikers nummers kunnen selecteren en afspelen. Het project duurde 1 week en richtte zich voornamelijk op het leren van front-end ontwikkeling met React.
Voor dit project heb ik zelf een website gemaakt voor een verzonnen reisbureau: Tulpreizen. De website is gemaakt met HTML, JavaScript en SCSS (een uitbreiding van CSS). De site laat informatie zien over reizen in Nederland, met mooie foto’s en een duidelijke opmaak.
Ik heb dit project alleen gedaan. Ik maakte een nette en overzichtelijke website die goed werkt op telefoon en computer. Ik heb veel geoefend met het indelen van de pagina, het gebruik van SCSS, en het schrijven van nette code. De website heeft meerdere onderdelen zoals "Over ons", "Kenmerken" en een grote fotogalerij.
Voor dit proefproject heb ik tijdens het begin van mijn stage bij Modern Media Hub zelfstandig een oefenwebsite gebouwd op basis van een Figma-ontwerp. De website is opgebouwd met WordPress en Elementor Pro, een krachtige tool om visueel websites te maken zonder code. De site is bedoeld voor een jonge, tech-savvy doelgroep en bevat meerdere pagina’s zoals een homepagina, over ons, productgalerij, klantenreviews en een contactpagina. Het ontwerp is strak en modern, met interactieve elementen zoals hover-effecten en animaties. De website is volledig responsive en werkt goed op zowel desktop als mobiel.
Ik heb dit project zelfstandig uitgevoerd als kennismaking met de werkwijze van het bedrijf. Ik oefende met Elementor Pro, werkte nauwkeurig het Figma-ontwerp uit en leerde hoe ik professionele websites bouw die aansluiten op de stijl en visie van een klant. Tijdens het project heb ik ook gewerkt met tools zoals YouTrack en OneTap.Online voor het bijhouden van mijn voortgang en het werken in WordPress.