personal info
download as pdf,- Ron Valstar BA / MA
- van Bossestraat 82-3
- 1051 KB Amsterdam
- 06 33697212
- ron@ronvalstar.nl
- http://ronvalstar.nl
- https://github.com/Sjeiti
- https://stackoverflow.com/users/695734/sjeiti
- https://nl.linkedin.com/in/ron-valstar-4b20a917
profile
I'm a passionate front-end developer with more than twenty years of experience in developing digital media.
My formal background is graphic- and interaction design and I strive toward consistency and cleanliness in both code and design.
I have a strong affinity for Test-Driven Development and accessibility (WCAG).
I can read and write several backend languages and I'm not afraid to learn something new.
skills
| 2013 | 2014 | 2015 | 2016 | 2017 | 2018 | 2019 | 2020 | 2021 | 2022 | 2023 | |
|---|---|---|---|---|---|---|---|---|---|---|---|
| HTML 5.4 stars | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
| CSS 5.4 stars | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
| JavaScript 5.4 stars | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
| React 4.75 stars | 1 | 1 | 1 | 1 | 1 | ||||||
| Angular 4.45 stars | 1 | 1 | 1 | 1 | 1 | 1 | 1 | ||||
| Vue 4.428571428571429 stars | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | |||
| TDD 5.4 stars | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
| Cypress 5 stars | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | ||
| JSDoc 5.4 stars | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
| design system 3.9714285714285715 stars | 1 | 1 | 1 | 1 | 1 | 1 | |||||
| UX 3.75 stars | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
| accessibility 4.6000000000000005 stars | 1 | 1 | 1 | 1 | 1 | 1 | 1 | ||||
| Storybook 3.4 stars | 1 | 1 | 1 | 1 | |||||||
| scrum 5.228571428571429 stars | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
education
- Practical accessibility course
- University of Portsmouth (HKU): European Media Master of Arts, Interactive Multi Media (MA)
- HKU: Interaction Design (BA)
- CIBAP: Advertising
- Basic course advertising, LOI
- HAVO
projects
-
Rijkswaterstaat DIWA
Development of an interactive infographic animation. The animation made using only HTML and CSS with special attention to accessibility.
- client
- Rijkswaterstaat
-
Studyblend
Rebuild of an online learning tool that allows teachers and students to track their progress during a course. The stack was moved from AngularJS/Laravel to React/MongoDB. A lot of the old manual configuration is now automated and new features are added. I also changed various flows to improve usability. The build implements a merged test coverage from back- to front-end, from unit- to end-to-end tests.
- client
- Shapers
-
Randstad microservices
Front-end developer in a team to rebuild existing monolithic functionalities to orchestrated microservices. I developed white-label Angular components for different Randstad operating companies. Setup code generation through Swagger (later OpenAPI) so frontends could easily be written before the backend was ready.
I had a leading role in moving and aligning all front-end projects to an Nx-based monorepository. This was done to make code sharing easier (before we'd publish to private NPM).
This included adding Markdown documentation generation to the pipelines, as well as different Storybooks for the design system.- client
- Randstad
-
CMS update for 'I can change'
'I can change' is a foundation that promotes urban gardening in the middle of Amsterdam. I updated their website to the latest version of the Kirby framework. In addition, I added several custom Vue components that make updating and communicating a lot easier.
Work was done as volunteer work. -
Sympany spreadsheet plugin
Volunteer work developing an open source WordPress plugin that reads and displays spreadsheets as blocks. The spreadsheets can be interacted with while keeping their calculating functionality.
- client
- Sympany
-
Design United 2021
Development of the 2021 design-united website that broadcasts the Dutch Design Week live. The site is a React SPA onto a WordPress REST API and showcases about 40 projects from students of four Dutch universities. I created custom Gutenberg blocks to expose specific data through the WordPress REST API.
- client
- Design United, Shapers
-
Project Invoice
Design and development of a local-first invoicing application. All data is stored on your local machine and transferable by peer-to-peer connection. Styling and copy of invoices and quotations are completely customizable.
-
Takeaway Foodball quiz
Front-end development of a mobile web app. The app is a video quiz with which you can win discount vouchers to Takeaway.
The tech stack used was a React/Nextjs frontend onto a Laravel REST API.- client
- Superhero Cheesecake
-
Boon Learning
To turn their bespoke e-learning platform into a subscription based one a customisable redesign was needed.
We created a design system to integrate with their existing sources. These sources are in Haxe, which is obscure but similar to languages I'm familiar with. We wrote documentation and created the first two customisable themes.- client
- Boon software
-
Randstad planning application
Lead front-end developer responsible for responsive implementation of an existing planning application. Improved speed performance in existing lists and tables with large amounts of data. Implemented stricter code linting and added component testing with Cypress. Created prototypes for possible future implementations.
- client
- Randstad
-
Disconnect
Technical experimentation and development of a site for an audiovisual performance. The site is a three-dimensional environment with custom GLSL shaders for video and audio with subtitles.
- client
- Stichting M31 Foundation
-
Vodafone
Rebuilt shop flow into a single page application using Angular. Added several improvements to the build process. Updated/refactored a lot of legacy code. Improved code quality.
- client
- Vodafone
-
API conversion Elasticsearch widget
Implemented and styled the, previously developed, Education Widget for the Ministry of Education of the Netherlands Antilles. Source API changes required updates to the code that populated the Elasticsearch backend.
- client
- Ministry of Education, Culture, Youth and Sports, Division for Educational Innovations
-
Zeker met je creditcard
Front- and backend development of zekermetjecreditcard.nl, a single page Angular website that uses Wordpress as a REST API.
- client
- Build In Amsterdam
-
Education widget
For Studiekeuze123 I created a widget that searches all available educations in the Netherlands. We pulled data from existing endpoints into Elasticsearch for speed. Source-generated documentation and examples were created so the widget could be easily implemented and styled by third parties.
- client
- Studiekeuze123
-
Total Timeline
The largest timeline ever created, showing major events in the history of time.
-
Philips website
Transformed demo into workable code. Helped setting up coding guidelines for future views and components. Implemented the more complex components and simpler example components. Setup a build that generated the documentation through JSDoc.
- client
- De Voorhoede
-
Chocolátl
A new store in the Jordaan called Chocolátl. And it sells chocolate.
Together with graphic designer Ibrahim Farah a website for the store was created: clean and staightforward. Both Ibrahim and I are now a bit more addicted to chocolate.
There’s also rumor of a webshop being developed. -
Budlight Sensation
Implementation of Sensation event into the existing Canadian Budlight website. The event was spread into a number of phases which had to be deployed at specific dates.
- client
- Resn
-
Yoleo game
Yoleo is a website that helps children with their reading by making it fun and challenging. I developed an 'end-game' that children could play after reading a certain amount. Development of the game also required a level-editor.
- client
- Shapers
-
Novartis
A virtual 3d panorama tour in HTML5/CSS3, consisting of multiple panoramas through which you navigate by space or by stories.
- client
- Novartis International AG
-
Soundcircus
Flash website that won an FWASOTD, an ADCN Lamp and a Webby!
- client
- Pool Worldwide
-
Allerhande
I was front-end ActionScript developer in the Fabrique/Lukkien/freelancers SCRUM team that developed the Allerhande website.
- client
- Lukkien
-
3D panoramas
User interface design and front-end Flash ActionScript 3 development for an application that links 3-dimensional panoramic views for architectural photography.
- client
- Iwan Baan
-
Ome Willem
Interaction design, graphic design and development for the Ome Willem website.
- client
- Ome Willem
-
Kleuren speuren
Kleuren Speuren is an educational game designed for children aged 6 to 12. I was involved in the entire process from concept to development. My main job was doing all the illustrations and the programming.
- client
- Sikkens Foundation