Visual thinking
- Frontend
- Sveltekit
During the last trimester of my studies at HVA, I worked on a project/website called Visual Thinking. The website's main goal is to encourage students to think more out of the box during assignments and help them to create a better overview and understanding of the task at hand.
I was mostly involved in further developing the filter function on the "Drawing Methods" page by solving several practical problems that had occurred in the existing filter.
Goals
The objectives within the project were as follows:
- Create more efficient interactions between the different components of the website.
- Refactor and improve the website's code.
- Improve the website's accessibility.
I improved the interaction between the different components of the website:
- By creating more functional components in Figma in terms of structure and implementation options.
I further developed and improved the code of the website by:
- Actively leaving suggestions on how to effectively enhance the code and the website's performance.
- Reviewing the previous code and alternative codes made by others.
I took on a lead role in the project by:
- Maintaining the group's schedule by planning frequent appointments.
- Creating a well-structured overview of tasks at hand and the issues that required solutions.
Tools
The following tools and programs were used during the project:
- Github, to host the website and manage the project.
- Sveltekit, to create the website's framework and implement components.
- Hygraph, to collect important data from the API and display it on the website.
- Node.js, to test the functioning of the code and create a local server.
- Npm, to install dependencies and utilize them within the project.
- Figma, to design and visualize certain elements of the website.