journey through web development

Category: projects

Student cookbook – my first React web app

My first React web app has been created for one of my university units. Whilst I have the most experience in Vue, this project shows that once you get the hang of one framework ( and obviously have understanding of vanilla JS), the knowledge is easily transferable to other frameworks. Of course, syntax will be different, but the logic is pretty much the same.

Continue reading
Liked this post? Share:

katvonwiesendorf.com redesign

Hey folks! Long time no see, eh? I have a perfectly good explanation for this dead season here on the blog though. Between work, uni assignments and keeping a 4 year old alive and content, I had barely time to breath.

Anyway, it’s been 5 years since I have created a custom theme for my little photography venture, katvonwiesendorf.com.
It became a bit dated, and I have gained so much more knowledge in the past few years, so I thought I will redesign and redevelop a brand new theme for this website. I also do not post there as often as I did, but don’t have a heart to delete it as it’s still a big part me, therefore I’m planning on changing the purpose of it from a blog, to more of a portfolio site, where anyone can cherish the beautiful memories immortalised in a photograph.

Continue reading
Liked this post? Share:

Give me gif, Slack – case study

The aim of this case study has focused on creating a contemporary design concept that would solve the issue of poor accessibility to gifs on Slack.

Emoji and animated messages have become a part of our writing culture. Sceptics might have thought that it is a step backwards in evolution (back to the time when people use hieroglyphs, perhaps?), but there are a lot of positives about this change. Using emoji can lighten the overall mood of the text, is understood across different languages and adds the ability to quickly express thoughts or emotions. According to Contactually, “your brain processes what it’s seeing on video 60,000 times faster than it processes text.” Sending a gif or a meme can also help improve communication between co-workers and is a great way to tighten the relationships.

Continue reading
Liked this post? Share:

Create a simple toggle switch in React

Dark themes have become really popular in the recent years, and a lot of websites have given their users the ability to choose between light and dark mode. This personalisation also increases accessibility, as some people struggle to read black letters on white background, and prefer to switch to light letters on a dark background.
Toggle switch is, in my opinion, the best way to incorporate light/dark mode feature. Today I’m gonna show you how to create a simple, yet effective toggle switch.

Continue reading
Liked this post? Share:

Raspberry Pi scroll bot- soldering, building, coding

Although I am a frontend developer with all my heart, I was always fascinated by how to build robots or wearable technology.

I haven’t done anything about it until I’ve seen a post on Twitter about some guy who has built a little display unit to show his family whether he has a meeting or is free to bother (anyone WFH and with kids out of school will understand the need for stuff like this :D) Anyway, the display looked really cool, I retweeted, and my good friend sent me a link to a Raspberry Pi shop (PiHut) and encouraged me to buy something and start building.

Continue reading
Liked this post? Share:

logo design assignment

Today is the day.

I am submitting for grading my first big report at Uni, I am quite proud of what I created. Ever since I got the brief for this assignment, I spent most of my free time (which is usually between 9pm and half past midnight), doing the research, designing and producing the logo and outputs and writing 2000 words report.

If you’re curious how the finished product looks like in all it’s glory, you can view it on my Behance portfolio here. For lazy or time-constrained, here are some snippets…

Continue reading
Liked this post? Share:

© 2022 KAT CODES

Theme by Anders NorenUp ↑