Totaro Portfolio

Hi, I'm Tommi R. Developer& Designer.

This is the sandbox & playground where I play with different techniques (e.g. FrontEnd/UX/UI and much more..) Explore my portfolio to see my latest projects and learn more about my skills and experience.

New! Check out my latest work!

A persistent Todo application with a Calendar view, drag-and-drop rescheduling, and category management. On this AI-assisted software development project, a modern Todo Calendar Application were build from the ground up with Google AI tool AntiGravity and ChatGPT, evolving it from a basic MVP into a feature-rich productivity tool. ToDo Calender (repo)

Updated UI for this portfolio site using Stitch, AI design tool from Google.
(You can see old design here )

AI-assisted software development using tools such as ChatGPT for prompt engineering, Google AI Studio (Gemini) for application development, and Vercel for build, deployment, and application hosting. App compairs changes of weather history: ChronoWeather

Showcasing my AI Artistry: AI Artistry

Figma UX/UI design examples: Landing Page, User Flows, Sitemap, Wireframing and Mobile App Design: Figma examples

Tableau, data visualization tool for data analysis: Tableau

Projects

The Lab

The Lab is the place where I play with new miscellaneous things with Html/ Css/ JavaScript/ Htmx/ Angular/ Tailwind CSS/ Svelte/ ChatGPT/ OpenAI.

Motions

My playground/sandbox where I play with different kinds of web motions and animations. Focuses mainly on web motions and animations so is not fully responsive. (JavaScript/ Html/ Css/ Gsap)

Weather

Weather App with fetch API request from Open Weather Api (https://openweathermap.org/ https://api.openweathermap.org) including eventListener that listens keyboard (Enter) and searchbutton for wanted city to find current weather forecast. (JavaScript/ Html/ Css)

English Dictionary

English dictionary with fetch API request from Free Dictionary API (https://dictionaryapi.dev/ https://api.dictionaryapi.dev) including async/await and try..catch error handling plus eventListener that listens keyboard for wanted word to find. (JavaScript/ Html/ Css)

PhotoGallery

Using random pic service (https://picsum.photos/) to make ramdom photogallery site and using button with addEventListener to add new random imagegrid below previous images. (JavaScript/ Html/ Css)

Digital Clock

Digital Clock using Html, Css and JavaScript

ToDo List

ToDo List with React using useState, useEffect and LocalStorage. React/Html/Css.

About Me

I'm Tommi R., an Information Technology Engineer from Tampere, a hungry and highly motivated professional with solid industry experience, currently available on the open market. My previous roles have included FrontEnd / UX / UI design and implementation for websites, as well as software development.

Most recently, I worked a software developer, where my responsibilities included Full Stack development for customer projects and creating HTML element prototypes as part of the UX/UI team.

Prior to this, I have 20 years of professional experience in UX/UI design, working under titles such as Concept Designer and Web Designer. In these roles, I was independently responsible for the design and implementation of websites as well as their visual identity and graphic appearance.

In interface design, my top priorities are usability and clarity, ensuring that users can logically and easily find what they are looking for, while still maintaining a pleasant and visually appealing design.

I have continuously developed my professional expertise through both formal training and self-directed learning in areas such as FrontEnd / UX / UI, software development, integrations, cloud services, and data science.

My skill set includes ChatGPT / OpenAI, HTMX, CSS / JavaScript–based web motion techniques, Figma, Angular, Tailwind CSS, and Svelte. In addition, I have completed the University of Helsinki’s Elements of AI online course, and I am proficient in the data visualization tool Tableau. I have also developed a strong interest in AI-generated art, producing content such as videos, audio, and images using various tools.

I have further expanded my expertise in data science through the Python for Data Science course, where I processed and analyzed real-world datasets using Python, Pandas, and Jupyter Notebook. I have also familiarized myself with Microsoft’s Azure AI ecosystem through the Microsoft Learn Challenge: Build AI apps with Microsoft Azure services. Most recently, I have gained experience in AI-assisted software development, using tools such as ChatGPT for prompt engineering, Google AI Studio (Gemini) for application development, and Vercel for build, deployment, and application hosting. And addition to the AI-assisted software development, I updated UI for my portfolio site (this one) using Stitch, AI design tool from Google.