Portfolio Website

Visit

This is my personal portfolio website. It showcases my hobbies, projects and learning journey.

The portfolio's hero section

Tech Stack

THis site was built using Next.js and React. For styling, I used Tailwind CSS.

Deployment

This site is hosted on the Vercel free plan, on the domain "karl-albrecht.vercel.app".

Getting Started

Prerequisites

Ensure you have the following installed:

• Node.js 20.x or higher (Download)
• npm, yarn, pnpm, or bun

Installation

1. Clone this repository

git clone https://github.com/RaptorAssassin/portfolio.git
cd portfolio

2. Install dependencies

npm install
# or
yarn install
# or
pnpm install

Running locally

Start the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 in your browser to see the site.

Why did I build this?

I always needed a personal portfolio to present my work and also personal stuff like my hobbies. After learning React/Next.js, I decided to use that and some cool components to create a portfolio site.

Challenges

• Getting the interactivity on both the backgrounds and the foreground working, for example for these hobby cards + star background reacting to mouse movements

Acknowledgements

Thanks to Reactbits for the useful react components, like the animated/interactive backgrounds.