My projects

Heltech | Online Shop

Description:

  • 🔹HelTech is an online shop built with React, TypeScript, and the Noroff API, focusing on core functionality with minimal use of external libraries.
  • 🔹This project was developed as a collaboration with a fellow student, with a strong focus on learning, clean structure, and understanding React fundamentals.
  • 🔹HelTech is a responsive e-commerce application featuring product listing, product details, cart functionality, and a full checkout flow with routing and 404 handling.

Technologies Used:

  • 🔹Frontend: React, TypeScript, Vite, CSS
  • 🔹State Management: Zustand
  • 🔹Routing: React Router
  • 🔹Backend: Noroff API v2
  • 🔹Deployment: Netlify
  • 🔹Tooling: Git, GitHub, ESLint, Prettier, npm, Figma

Tech Stack:

Vite icon React icon TypeScript icon Git icon GitHub icon CSS icon Figma icon
Mobile view of BidRally's website

BidRally | Online Auction Platform

Description:

  • 🔹BidRally is an online auction platform built with Vite, Tailwind CSS, JavaScript and Noroff API v2 with JWT authentication.
  • 🔹This project is built as part of my front-end studies - From idea to finished product!
  • 🔹BidRally is a modern and responsive auction platform where users can create listings, place bids, and manage their profiles. Built with Vite, Tailwind CSS v4, and vanilla JavaScript using the Noroff API v2.

Technologies Used:

  • 🔹Frontend: Vite, Tailwind CSS v4, Vanilla JavaScript (ES6+)
  • 🔹Backend: Noroff API v2 with JWT authentication
  • 🔹Testing: Vitest, Playwright
  • 🔹Deployment: GitHub Pages
  • 🔹Tooling: ESLint, Prettier, Husky, npm, Git

Tech Stack:

Visual Studio Code icon Figma icon GitHub icon Git icon JavaScript icon HTML5 icon Tailwind CSS icon Vite icon Vitest icon Playwright icon
Mobile view of BidRally's website

Posteria | A social media platform

Description:

  • 🔹Posteria - A social media platform built with Tailwind CSS, JavaScript and Noroff API v2 with JWT authentication.
  • 🔹This project is built as part of my front-end studies - From idea to finished product!
  • 🔹Posteria is a social media platform for posting content and connecting with others. It aims to provide an intuitive, responsive, and visually appealing interface for users to share their thoughts and interact with their networks.

Technologies Used:

  • 🔹Figma for designing prototypes.
  • 🔹GitHub for project planning and version control.
  • 🔹JavaScript for dynamic content rendering and interactive features.
  • 🔹Noroff API v2 with JWT authentication for fetching and managing blog posts and user authentication.
  • 🔹Tailwind CSS v4 for building the website responsive, and implementing dark/light mode.
  • 🔹WCAG 2.1 Compliance with a focus on accessibility, including alt text for images, keyboard navigation, and semantic HTML.

Tech Stack:

JavaScript icon HTML5 icon Tailwind CSS icon Figma icon GitHub icon Git icon Visual Studio Code icon
Mobile view of Posteria website

Out 'n About | A Blog Website

Description:

  • 🔹Out 'n About - An outdoor adventure blog built with WordPress as a headless CMS.
  • 🔹This project is built as part of my front-end studies - From idea to finished product!
  • 🔹Responsive blog showcasing outdoor activities such as climbing, skiing, and mountaineering.

Technologies Used:

  • 🔹Figma for designing prototypes.
  • 🔹GitHub for project planning and version control.
  • 🔹JavaScript for dynamic content rendering and interactive features.
  • 🔹HTML5 and CSS3 for structuring and styling the website.
  • 🔹Responsive Design ensuring usability across different screen sizes.
  • 🔹WCAG 2.1 Compliance with a focus on accessibility, including alt text for images, keyboard navigation, and semantic HTML.

Tech Stack:

JavaScript icon HTML5 icon CSS3 icon WordPress icon Figma icon GitHub icon Git icon Visual Studio Code icon

Rainy Days | An online store

Description:

  • 🔹Rainy Days - A responsive online store for jackets created with WordPress as a headless CMS.
  • 🔹This project is built as part of my front-end studies - From idea to finished product!
  • 🔹Responsive blog showcasing outdoor activities such as climbing, skiing, and mountaineering.

Technologies Used:

  • 🔹Figma for designing prototypes.
  • 🔹GitHub for version control.
  • 🔹JavaScript for dynamic content rendering and interactive features.
  • 🔹Headless CMS - WordPress REST API for fetching and managing blog content.
  • 🔹HTML5 and CSS3.
  • 🔹Responsive Design and WCAG compliance, ensuring usability and accessibility.

Tech Stack:

JavaScript icon HTML5 icon CSS3 icon WordPress icon Figma icon GitHub icon Git icon Visual Studio Code icon WooCommerce icon

Community Science Museum | A Museum Website

Description:

  • 🔹Community Science Museum - The website is responsive and engaging.
  • 🔹It was designed for a children's museum, targeting kids aged 7-15 and families.
  • 🔹This project is built as part of my front-end studies - From idea to finished product

Technologies Used:

  • 🔹Figma for designing prototypes.
  • 🔹GitHub and Git for version control.
  • Gantt chart for project management and scheduling.
  • Netlify for deployment.
  • 🔹HTML5 and CSS3 for structuring and styling the website.
  • 🔹Responsive Design ensuring usability across different screen sizes.
  • 🔹WCAG 2.1 Compliance with a focus on accessibility, including alt text for images, keyboard navigation, and semantic HTML.

Tech Stack:

HTML5 icon CSS3 icon Figma icon GitHub icon Git icon Visual Studio Code icon

My skills

About me

Hi there!

My name is Tore Mæland Hirth.

I’m in the final stage of my front-end development studies at Noroff. Most of the work I’ve done is project-based, where I build web solutions from idea to finished product.

I’ve mainly worked with HTML, CSS and JavaScript, and more recently React and TypeScript. In my projects I often work with APIs and build dynamic functionality. I’ve also worked with things like login, CRUD operations and handling data from external services.

When I build something, I try to keep the code structured and easy to understand, so it’s possible to keep working on it later. I’m also used to working through a full project, from setting things up and planning, to building and adjusting along the way.

Before this I worked in technical and customer-facing roles, where I had responsibility for planning, follow-up and day-to-day problem solving.

I’m looking for a place where I can keep learning, contribute where I can, and get experience working on real applications together with others.

Me and my partner climbing on Hægefjell during summer
Climbing at Hægefjell - One of my many outdoor activities that I enjoy.

Work experience and education

Work experience

- July 2025

Customer service representative

Trucknor Hordaland AS

  • Schedule and manage mechanic workloads.
  • Ensure timely completion of work orders.
  • Liaise with customers and suppliers.
  • Manage invoicing.

Heavy-duty Vehicle Mechanic

Trucknor Hordaland AS

  • Performed service, diagnostics, and repairs on trucks.

Agricultural Mechanic

A-K Maskiner AS

  • Performed service, diagnostics, and repairs on agricultural equipment and machinery.

Volunteer positions

Vice Chairman

Norske Konkurransefluefiskeres Forbund (NKFF)

  • Norwegian fly fishing competition federation.

Interests

Education

- Present

Front-End Development

Noroff Higher Vocational School

  • 4-year online program (part-time).
  • Focuses on design (UX/UI/IxD) and the programming languages HTML, CSS, and JavaScript, and frameworks within these languages.

Mechanical Engineer

University of South-East Norway/Higher Vocational School Tinius Olsen

  • Extensive coursework in Mechanical Engineering as part of a collaboration between the academic institutions (degree incomplete).

Off-Piste Skiing/Outdoor recreation

Øytun Folkehøgskole

  • The program focuses on backcountry skiing and avalanche education.
  • Engaged in various outdoor activities throughout the year.

Agricultural Mechanic

Voss Vidaregåande Skole

  • Studied in the field of technology and industrial production.
  • May 2009: Completed vocational certificate as an Agricultural Mechanic.

Visit my LinkedIn profile for updated information!

My LinkedIn

Contact me

Get in touch!

Feel free to reach out if you want to get in touch or have any questions.

Name

Tore Hirth