A personal portfolio showcasing my projects throughout my front-end development course. This site highlights my skills, experiences, and live projects, all designed to demonstrate my experience in building responsive, accessible, and engaging websites.
- Take a look at the live website here
This portfolio features a collection of my front-end development projects, each created as part of my ongoing education. The site is designed with a modern, minimalistic approach, focusing on accessibility, user experience, and responsiveness across all devices.
Key features:
- Follows WCAG accessibility guidelines (contrast, alt text, ARIA)
- Fully responsive design for mobile, tablet, and desktop
- Dark and light mode themes with a toggle button
- Sticky header that hides on scroll down and reappears on scroll up
- Landing area covering the entire viewport
- Projects section with videos, dynamic read more functionality, and external links to GitHub repositories and live sites
- Skills section with a continuously spinning carousel displaying my tech stack
- About me section with a detailed introduction and image
- Work experience and education section with downloadable CVs in both Norwegian and English
- Contact section with social media links and contact details
The site is deployed using GitHub Actions, which handles both deployments via GitHub Pages and automatic version creation for each pull request and push to the main branch, and it's hosted through one.com
- Clone the repository:
git clone https://github.com/torehirth/portfolio.git- Install the dependencies:
npm install
To run the app locally, run the following commands:
npm run startMy LinkedIn profile | My GitHub profile
- Figma for design prototyping
- Fonts from Google Fonts
- Consentmanager for cookie consent management
- Icons and images from Google Material Symbols and SVG Repo