An educational project to learn TypeScript that was part of the course TypeScript Simplified by Web Dev Simplified. It's a simple calendar where the user can add and edit events on the different days of each month.

I started by doing everything myself before watching WebDevSimplified's solution, and afterwards applied some of his solutions that was much better than what I did.<br><br>I wanted to work with vanilla JS dates to get a better understanding of them, but in a real project I would have used a date library.

For some time I have wanted to try out Tailwind, so I decided to add it to this project to make it even more worth showing in my portfolio.

<h3>Things to add:</h3>&#8226; Different view for small screens<br>&#8226; Dark mode<br>&#8226; Filter for colors

Calendar

Development of a friends degree project at Beckmans College of Design. A visual documentation developed from studying travel in your hometown during the Covid pandemic.

We decided to make a scrolling one-page journey where each experience is presented as a different chapter along the scrolling path.

I wanted to try out GSAP ScrollTrigger and really enjoyed working with it. I found it very intuitive and easy to get going with.

Flight Mode

Website for my current workplace, which recently launched a new offer, including new name and new graphic profile.

The design is created in Adobe Xd together with the designer who created the new graphic profile.

I decided to work with a WordPress backend, to make it as easy as possible for my colleagues to update content. I built the frontend with Next.js since I really like working with it, and I wanted to improve my skills, having only built one previous website with it.

New Store

Ecommerce website for a recently started clothing company. They wanted a simple ecommerce site and I wanted a new challenge, and this was a great opportunity to learn WooCommerce. The version you can visit from here is how the site looked on launch, but without checkout functionality, since the real site is no longer up.

Having started to get into more advanced WordPress development, I suggested to create a WooCommerce website.

I learned a lot about working with WordPress hooks to customize the WooCommerce content.

Rosewall

A design collaboration between the final-year Product Design students at Beckmans College of Design and DUX, Gärsnäs, Kinnarps, Källemo, Johanson Design and Storängen Design.

My friend who studied at Beckmans did art direction and concept for the project, and asked me to help with the website. I saw it as a great opportunity to create my first real website with React. I found a great tutorial that helped me get started with Framer Motion to create transitions on the site.

Room Service

Website for my parents sustainability company. They had a really old website that had stopped working, so I asked if I could make a new website, as it would be a good opportunity to learn React.

I wanted to create the website with a WordPress backend to make it easy for my parents to edit content, but also since I knew this is probably something I will need to do at a future job.

I followed a tutorial from the beginning, since I had never tried making a WordPress site with React before. The approach is very outdated today but it helped me learn some basics of react and WordPress REST API.

I also wanted to incorporate my fathers blog into the website since the blog is mainly about sustainability.

Projects

Calendar

Flight Mode

New Store

Rosewall

Room Service

Hållbar idé