Visual thinking

The last few months of my studies at HVA I worked on Visual Thinking. A site that helps people think out of the box and create different thinking processes with different kinds of methods.

I mostly worked on the Tekenmethodes page. where I looked at the filter method that was being used. There was a problem where the filter function, because it wasn't that practical. Where I did a lot of research for how to resolve the matter.

There were a few main goals to this project:

• make the website more pleasurable by:
  • make it more accessible
  • refactor the code
  • improve certain interactions
• I maintained the code of this project.
  • by making suggestions on how to improve the code
  • Making pull-request and reviewing codes of others
• Maintaining the project by:
  • Making the project board easy to read and structure it properly
  • Add general issues applied for the team
  • Making rules/appointments with the group
• Realising components
  • By creating them in Figma and realise the structure of the component, so that it can be easily implemented on the project.

• Github, to maintain the project by using:
  • Github issues
  • Github projects
  • Github pull-requests
• Frontend tools like:
  • Sveltekit, to create the web app and implement components
  • Hygraph, to fetch certain data from the API and render it on the website
  • Node.js, to test the code and create a local server
  • npm, to install dependencies and use them in the project
• Figma, to realise certain components/pages and get a feeling/idea
  • I realised certain components by using auto-layout and add my structures as a component in Figma
  • I used variations to realise different states of components. Like the hover or active states