Tapa Barcelona
Description:
Front end for a Spanish restaurant, focussed on appealing design. JavaScript takes care of the table bookings form and storage.
Type:
Full Responsive
Coding:
Canicas Flavours
Description:
B2B customers of Canicas Flavours can order new stock through this mobile first web app. JavaScript is used to build a functioning shopping cart and checkout from scratch.
Type:
Mobile First
Coding:
Ocean Side hotel
Description:
Prototype for a hotel & resort. JavaScript functionalities include: online booking implementation with imidiate returns, custom slideshow and interactive navigation.
Type:
Full Responsive
Coding:
The Cocktail Collection
Description:
Select your favorite tropical drink in this cocktail database. This project focusses on implementing an API and active search bar. All wrapped in appealing UI/UX design.
Type:
Full Responsive
Coding:
My Grocery App
Description:
Case study/assignment: focussed on creating interactive lists/e-commerce cart fundamentals in JavaScript and making use of local browser storage.
Type:
Mobile First
Coding:
Dashboard
Description:
Concept for a desktop lockscreen or screensaver. The background images, quote of the day, clock, date and welcome message are real-time automated by JavaScript.
Type:
Desktop Only (Desktop Application)
Coding:
Coffeeshop
Description:
Front end or a coffee shop. Appealing design is combined with some fundamental JavaScript techniques. Interactive sidebar navigation and the order form directly returns input data and generates order numbers.
Type:
Full Responsive
Coding:
Travel Agency
Description:
Mock-up for a travel agency. In this project a combination of CSS and JavaScript is used to create clickable expanding cards that reveal travel destinations.
Type:
Full Responsive
Coding:
Bob's Burgers
Description:
Based on the popular TV series. This project focusses on creating order applications with a mobile first approach and collecting/storing customer input data with JavaScript.
Type:
Mobile First
Coding:
games
Description:
This project is a collection of some small JavaScript games. A case study which focusses on working with different math methods and conditionals in interactive games.
Type:
Full Responsive
Coding:
Scuba Club
Description:
Landing and login page design for a Scuba diving club. Functional UI design is combined with JavaScript to validate login data.
Type:
Full Responsive
Coding:
Car Dealership
Description:
This project was part of a HTML/CSS coding challenge; building a complete responsive index page from scratch in under 60 minutes without any framework. Finished in 42 minutes.
Type:
Full Responsive
Coding:
Drum Machine
Description:
This drum machine uses JavaScript to trigger audio samples on touch, clicks or keyboard buttons.
Type:
Full Responsive
Coding:
Password Generator
Description:
This application uses JavaScript to generate strong passwords from random characters and numbers. Users can choose any desired length and some other options.
Type:
Mobile First
Coding:
Blackstone Fortress App
Description:
This app uses the Fisher-Yates algorithm to automate player sequence shuffles for the tabletop board game: Blackstone Fortress.
Type:
Mobile First
Coding:
Hoverboard Disco
Description:
Just for fun: A small case study on the combination of JavaScript and some advanced CSS which creates this disco dance floor.
Type:
Desktop Only (Desktop Application)
Coding:
Color Generator
Description:
Case study/assignment: This JavaScript projects focusses on generating random strings and numbers into HEX codes.
Type:
Full Responsive
Coding:
Subscription Plans
Description:
Case study/assignment: Design for a subscription plans page. The prices can be toggled between monthly and annual plans.
Type:
Full Responsive
Coding:
Awesome Cloud Services
Description:
Landing page design for a cloud service company. This project focusses on UI/UX and design fundamentals in combination with maximizing flexbox capabilities.
Type:
Full Responsive
Coding:
Review Slider
Description:
Case study/assignment: this project focusses on creating sliders and getting object data in JavaScript.
Type:
Full Responsive
Coding:
temperature converter
Description:
Case study/assignment: this project exercises mathematical operations in JavaScript. Input temperature is converted to alternative temperature units.
Type:
Full Responsive