Dennis Gustavsson - Portfolio Website

A modern portfolio website built with React and Vite, showcasing my skills and projects as a developer.

Tech Stack

• React - Frontend framework
• Vite - Build tool and development server
• Three.js - 3D graphics and animations
• Sass/SCSS - Styling
• GitHub Pages - Hosting

Development

Prerequisites

• Node.js (v14 or higher)
• npm

Setup

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

Deployment

This site is deployed to GitHub Pages. To deploy a new version:

1. Install dependencies (if needed)

npm install

2. Build the project

npm run build

3. Deploy to GitHub Pages

npm run deploy

Deployment Process

1. Build process: Creates an optimized production build in the dist folder
2. Deploy process: Uses gh-pages package to push the dist folder contents to the gh-pages branch

Configuration

• GitHub Pages serves from the gh-pages branch
• Vite config includes the correct base path for the repository
• Site is available at: https://dennisgustavsson.github.io/

Features

• Interactive 3D hero section with Three.js
• Responsive design with mobile-first approach
• Modal components for project details and skills showcase
• Smooth animations and transitions
• Contact information and social links