My Portfolio Website

My Portfolio Website

Personal website and portfolio for me

A website to introduce myself, showcase my projects and other things I do. Server Side Rendering, SEO friendly. Take advantage of a static site generator, the data save as markdown, and no database is needed. Simple and clean design with easy navigation and fast loading speed.

I started this project to learn new web development technologies and redo my old portfolio website. Having already experience in React I wanted to learn Vue.js so I chose Nuxt3 for my framework. It was also a good chance to try out and learn Tailwind CSS.

This project has taught me a lot about web design and development with some of the most modern technologies. I have really enjoyed the process of learning and building something from scratch!

Link to GitHub Repo

Design

Website was designed to be modern and simple yet aesthetic and personal. It has some experimental/brutalist elements while keeping in mind a great user experience and accessibility.

The responsiveness of the website is made without using any CSS media queries. This was possible with flexbox and CSS clamp functions, which resulted in a website with beautiful smooth scaling from 300px up.

UI Design With Figma

img/projects/portfolio/portfolio-home.jpgimg/projects/portfolio/portfolio-hero.jpg

Projects & Works

img/projects/portfolio/portfolio-projects.jpgimg/projects/portfolio/portfolio-works.jpg

Single Project View

Porfolio Project View

Single Work View

Porfolio Work View