Richard Wols

Richard Wols

Mentor
Rising Codementor
US$15.00
For every 15 mins
free badge
First 15 mins free for your first session
ABOUT ME
Front-end developer with an equal love for pixel- and performance-perfect
Front-end developer with an equal love for pixel- and performance-perfect

Programming is not just about writing logical code. It is about finding the right balance between the perfect function, thorough research, company context, and the eventual deadline. This challenge is what excites me.

I focus mainly on Front-end development using the most recent Angular (v6) version, with over 5 years of experience working on enterprise applications for different global fortune 500 companies. I believe a good front-end developer has a broad skillset, which is why I have worked simultaneously as a designer, back-end developer, or project-manager with equally good results.

I love to participate in the occasional hackathon, having participated in more than a dozen and having won multiple big ones. I used to travel as a digital nomad, but now settled down in Amsterdam.

Feel free to visit my portfolio at https://raw3.io

Dutch, English
Amsterdam (+02:00)
Joined August 2018
EXPERTISE
5 years experience
I started my programming career with HTML5/CSS3 and had a natural preference for it due to a background in design. I have experience usin...
I started my programming career with HTML5/CSS3 and had a natural preference for it due to a background in design. I have experience using multiple CSS preprocessors (SCSS, Less) and try to focus as much on these as possible. Capabilities: - Creating default shared styling to keep duplicate code to a minimum. - Using subtle animations and transitions for a smooth user experience. - Creating my own responsive guidelines opposed to importing heavy styling libraries. - Using semantic HTML for a clear and readable template structure.
3 years experience
I started with a creative mindset since I was little, which resulted in a bachelor degree in construction engineering & architecture. Her...
I started with a creative mindset since I was little, which resulted in a bachelor degree in construction engineering & architecture. Here I spent around 4 years learning about design principles, visual design, and translating requirements into a logical design, albeit for a building. When I started working in software, I noticed there was not that much difference between this translation for an application. Since my goal was to become a programmer I focussed on coding, but I always kept doing side projects to keep my visual, ux, and ui design up to par. This allows me to have a combined 8 years worth of experience in a broad spectrum of design. I believe a single designer who makes an amazing design is rare, so I use these skills to support designers with their creative process. Abilities: • Applying Design Thinking to help clients formulate their problem statements and translate these into requirements and initial paper prototypes. • Using Photoshop to create visual graphics to enhance the look and feel of an application. • Researching references based on the character of a company and creating a styleguide based on that. • Using Illustrator to create low-fi designs and vector graphics optimized for web-performance.
Adobe IllustratorAdobe PhotoshopResponsive Design
View more
Adobe IllustratorAdobe PhotoshopResponsive Design
View more
2 years experience
I have had experience building simple Node back-ends as webservers to display web applications. Aside from this, I participated in multip...
I have had experience building simple Node back-ends as webservers to display web applications. Aside from this, I participated in multiple hackathons where this connected to multiple microservices from the IBM Cloud platform. Since one year I have started doing more full-stack development where I write my own complete applications including security, authentication and databases. Abilities: • Creating endpoints for the front-end. • Hooking up a MongoDB database and using Mongoose to set up the data models. • Writing middleware for e.g. security with jwt. • Writing nodeJS completely in Typescript and using appropriate compilers to compile this to the right JS version. • Creating a webserver using express.
1 year experience
I have a great interest in the blockchain technology and have worked on some of the biggest blockchain projects at IBM and high-potential...
I have a great interest in the blockchain technology and have worked on some of the biggest blockchain projects at IBM and high-potential blockchain startups. I focus mainly on writing the front-end of these blockchain applications, where great consideration needs to be made with the amount of API calls to the network. I have competed and won the biggest blockchain hackathon in the world two years in a row where I had a big role in the ideation of the validity of the blockchain use-case. I strongly believe that blockchain is an amazing technology for a few use-cases, but that currently many consultants don't see the difference between using blockchain and a centralized database. Abilities: • Explaining the workings of blockchain in a simple way. • Working with blockchain developers and understanding their tasks. • Optimizing front-end for working with a blockchain network.
3 years experience
I started with JavaScript 3 years ago to extend user-interfaces with advanced functionality. From that point I got hooked to writing func...
I started with JavaScript 3 years ago to extend user-interfaces with advanced functionality. From that point I got hooked to writing functions which are readable to coders and non-coders alike. I have experience with multiple JavaScript frameworks such as jQuery, Meteor, AngularJS, React and Angular2+. I have a preference for Angular2+ or JavaScript natively, and primarily like to use JavaScripts' superscript called 'TypeScript' which is object oriented. Currently I have started dabbling with multiple online algorythm challenges to implement JavaScript solutions to mathematical problems which involve big numbers (e.g. 1.000.000.000). Abilities: • Using native JavaScript to create working applications with normal HTML and CSS. • Using DOM manipulation methods to select, alter, or add/remove element in the DOM. • Using the latest ES6 JavaScript functionality such as arrow functions and classes. • Making anything thinkable possible, because with JavaScript you can.
4 years experience
When I started with Angular (2) I instantly fell in love with it. Since then I have cherrypicked Angular projects to date and grown my fa...
When I started with Angular (2) I instantly fell in love with it. Since then I have cherrypicked Angular projects to date and grown my familiarity with the latest versions of the framework. I have worked on Angular applications for global fortune 500 companies and promising startups. Aside from that, I create full-stack applications in my free time using Angular and experimenting with my own assets. Even though I have experience with multiple other frameworks, Angular to me has a few superior traits which align greatly with my own opinions about software development: - It forces the use of TypeScript, which creates errors before running the application and promotes typesafe programming. - It sets preferred standards opposed to flexibility, which in turn allows for quick onboarding and readability for other developers. This makes it perfect for large scale feature-rich applications. - It comes with many advanced functionality making it fast to create a working application. Capabilities: - Setting up the complete routing of an application including lazy-loading and route-guards. - Creating a re-usable component library for consistent design and re-usability of UI elements. - Creating re-usable API methods and intercepting these to include headers, enable loading spinners, etc. - Using Angular Universal to enable Server Side Rendering for improved pagespeed and better indexing from search engines. - Making a Single Page Application fully compatible for Search Engine optimisation. - Creating a state management system using Angular native shared services opposed to implementing libraries. - Turning an application into a Progressive Web App, making it downloadable for mobile phones as if it was an app.

REVIEWS FROM CLIENTS

Richard's profile has been carefully vetted and approved as a Codementor. Connect with Richard now, and leave a review for them once you're done!
SOCIAL PRESENCE
GitHub
raw3
NodeJS/Angular (v6) Universal application in Typescript
TypeScript
0
0
EMPLOYMENTS
Freelance Full-stack Developer/Hackathon Enthusiast
raw3.io
2018-01-01-Present
Currently I work as a freelance Full-stack Developer responsible for the optimal performance and quality of web- and mobile applications....
Currently I work as a freelance Full-stack Developer responsible for the optimal performance and quality of web- and mobile applications. Next to my normal development and design tasks, I am involved with the solutioning and the process to develop and perfect these solutions. • Helping clients with testing their solutioning based on design thinking and testing their development process based on the Lean Startup method; • Designing user-interfaces en thinking of an optimal user-experience for mobile- and web applications; • Building the front-end for mobile- and web applications using Angular6; • Building the back-end for mobile- and web applications using NodeJS; • Competing at different hackathons on subjects such as design, coding, business-cases, and pitching.
Node.js
MongoDB
Nginx
View more
Node.js
MongoDB
Nginx
Mongoose
Adobe Photoshop
Adobe Illustrator
Angular 6
Express.js
View more
Front-end Developer/Full-stack Developer/Designer
IBM
2015-04-01-2017-12-01
At IBM I have worked with multiple different frameworks all related to JavaScript development. Most of my tasks were front-end developmen...
At IBM I have worked with multiple different frameworks all related to JavaScript development. Most of my tasks were front-end development, but were necessary I also worked with NodeJS or Ruby to assist the back-end developers or Adobe Illustrator or Photoshop to assist the designers. • Assisting UI/UX designers with low-fi to high-fi designs and optimizing/creating their images. • Programming UI's pixel perfect through logical Semantic HTML and reusable SCSS. • Integrating and optimizing API calls from front-end to back-end. • Building NodeJS back-ends communicating with databases and third-party API's. • Working with multiple enabling technologies such as Cloud, Blockchain, IoT and Cognitive. • Leading and assisting other developers on projects. • Communicating with stakeholders, end-users, and project management. • Winning International Hackathons for clients and by own initiatives.
HTML/CSS
Ruby on Rails
Node.js
View more
HTML/CSS
Ruby on Rails
Node.js
jQuery
Angular
Meteor
Adobe Photoshop
Adobe Illustrator
View more
PROJECTS
self
2018
This website aims to grow with me as I realise my dream to live location independent all over the world in self-designed houses. It shows...
This website aims to grow with me as I realise my dream to live location independent all over the world in self-designed houses. It shows my world photography, several IT projects I worked on, the blogs that I write and eventually the houses I will own. My role was to do everything from the beginning until the end, also as a practice case to understand the complete flow aside from just the front-end. I chose Angular because of my extensive experience in the framework and my preference for the Single Page Application fast user experience. I used Angular Universal for speed optimization and Search Engine Optimization. I created a NodeJS back-end since this is currently preferred with Server Side rendering on Angular applications. Nginx serves as a proxy-webserver to intercept calls and redirects them to a NodeJS webserver, both running on my own dedicated Ubuntu server. • Creating the branding and concept. • Designing a user-interface and creating the visuals. • Developing an Angular Universal Server-Side-Render Front-end with a NodeJS Back-end. • Hosting the application using Nginx on an Ubuntu server. • Creating the content and making the Front-end Search Enginge Optimization friendly.
Node.js
TypeScript
Angular universal
View more
Node.js
TypeScript
Angular universal
Angular 6
View more
MedichainView Project
Blockchaingers Hackathon 2018
2018
The Medichain application tried to tackle the problem of counterfeit medicines (almost 10% of supplied medicines in third world countries...
The Medichain application tried to tackle the problem of counterfeit medicines (almost 10% of supplied medicines in third world countries ends up fake or stolen!!) by improving the transparency of medicine distribution from start to finish. We used sensors in medicine packaging to automatically trail where the medicine passes through and push this information in a blockchain for immutability. With a QR code scanner the patient at the end of the line can find out if the packaging has been opened or not. We also built a user-interface for governing NGO's to trail everything so that in case something is wrong, they can backtrack exactly where it went wrong or which other medicines might be hoaxed. We competed with this idea in the biggest blockchain hackathon in the world, Blockchaingers Hackathon 2018. My task was to analyze the business solution and design a functional user-interface, designing all the visuals, and developing the complete front-end of the solution. • Helping out with transforming the ideation into a technical solution. • Designing a user-interface based on the business case. • Creating the styleguide, icons, and visuals for the application. • Developing the front-end of the application. First place: Blockchaingers Hackathon 2018, Global Digital Identity track
TypeScript
Adobe Photoshop
Adobe Illustrator
View more
TypeScript
Adobe Photoshop
Adobe Illustrator
Internet of things
Blockchain
Angular 5
View more