Joost van der Laan

Web Developer

Ambitieuze Developer met een oog voor strak ontworpen, responsive websites.

Over Mij

Projecten

Wordle Clone

Ontwikkeltijd: 1 week


Gemaakt in mijn 3e leerjaar. Mijn eerste project in react, een wordle game clone. Met dit project liep ik voornamelijk vast om de woorden correct te fetchen (er kwam bijvoorbeeld een extra karakter in de array voor waardoor de code elk ontvangen woord niet herkende).

Gemaakt met:

HTML

CSS

REACT

Github:

Live Project

Blackjack

Ontwikkeltijd: 1 maand


Gemaakt in mijn vrije tijd. Het deck wordt opgebouwd en geschud, waarna de speler en de dealer kaarten krijgen, de speler kan "hit" of "stand" kiezen, en het spel bepaalt de winnaar op basis van de kaartwaarden. Hiermee heb ik veel javascript geleerd, en hoe ik kaartspellen kan programmeren. Het was moeilijk om bijvoorbeeld de logica van de dealer correct te coderen, maar het is wel gelukt.

Gemaakt met:

HTML

CSS

JS

Github:

Live Project

Social Media Clone

Ontwikkeltijd: 1 week


Project dat het gevoel van een social media platform nabootst. Door middel van de introsection observer kan je oneindig lang doorscrollen net zoals op een platform zoals Twitter. Foto's van "gebruikers" zijn gegenereerd door middel van AI. Hiermee heb ik geleerd hoe de introsection observer werkt en hoe ik sites kan namaken.

Gemaakt met:

HTML

CSS

JS

Github:

Live Project

Education App XD

Ontwikkeltijd: 2 maanden


Een concept voor een school app ontwikkeld in XD. In deze app kunnen studenten opdrachten maken, hun progessie inzien en die vergelijken met andere studenten. Deze app maakt het leren leuk met gamification elementen. Hiermee heb ik veel geleerd met betrekking tot het designen van een app en om gamification elementen te implementeren

Gemaakt in:

XD

Live Project

Webshop

Ontwikkeltijd: 6 weken


Deze webshop heb ik in mijn 1e leerjaar ontwikkeld. In deze webshop kan je uit verschillende films van allerlei genres kiezen, zoals misdaad en fantasie. Ook kan je hier diverse nep recensies lezen geschreven door diverse nep gebruikers. Deze site biedt dus een leuke simulatie van een echte webshop! Hiermee heb ik geleerd hoe ik filters maak met javascript, een review section maak, en hoe ik een webshop maak.

Gemaakt met:

HTML

CSS

JS

Github:

Live Project

Whack-a-Mole

Ontwikkeltijd: 2 weken


Mini-game dat onderdeel uit maakte van een grotere site. Dit heb ik gemaakt via CreateJS in mijn 1e leerjaar. Via CreateJS heb ik nieuwe technieken geleerd om dit te maken

Gemaakt met:

HTML

CSS

CreateJS

Github:

Live Project

Color Picker

Ontwikkeltijd: 2 weken


Dit project genereert kleuren met hsl codes. Zodra je erop klikt wordt een HSL code gekopieerd naar je klembord. Dan kan je deze voor eigen doeleinden gebruiken! Door dit project heb ik geleerd hoe ik mooie animaties maak, en hoe je dingen kan kopieren naar je klembord via html

Gemaakt met:

HTML

CSS

SCSS

JS

Github:

Live Project

Spinning Diamond

Ontwikkeltijd: 1 dag


Dit project geeft een draaiende diamand weer. De code bestaat voornamelijk uit CSS en geen Javascript. Hiermee heb ik veel CSS geleerd om dit te laten werken. Gemaakt in mijn 2e leerjaar

Gemaakt met:

HTML

CSS

Github:

Live Project

Calendar

Ontwikkeltijd: 2 dagen


Functioneerde kalender die live het jaartal, maand en dag laat zien. Hiermee heb ik geleerd hoe je via javascript html elementen rendered. Gemaakt in mijn 2e leerjaar

Gemaakt met:

HTML

CSS

JS

Github:

Live Project