My projects

Out 'n About

Type:

Blog website

Description:

Out 'n About is a blog website developed for Project Exam 1 in my Front-End Development course. The website showcases a clean, accessible design and dynamic functionality powered by JavaScript and WordPress, a headless CMS.

Key Features:

  • Home Page with a slider displaying the latest posts.
  • Blog Post Pages dynamically built using query string parameters, featuring clickable images displayed in modals.
  • Blog List Page displaying at least 12 posts, with 10 shown initially and a button to load more posts.
  • Contact Page with a form validated via JavaScript, including fields for name, email, subject, and message content.
  • Search Bar to filter blog posts in real-time.
  • Category Filtering to dynamically display posts by category.

Technical Overview:

The project uses WordPress as a headless CMS, with the REST API fetching and displaying content dynamically using JavaScript. I implemented features like a custom-built image carousel, form validation, and real-time search functionality. The blog post content is parsed using the DOMParser to manage and display the markup efficiently.

Technologies Used:

  • Figma for designing prototypes.
  • GitHub for project planning and version control.
  • JavaScript for dynamic content rendering and interactive features.
  • WordPress REST API for fetching and managing blog content.
  • 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

Type:

Online store for jackets

Description:

This project is part of my front-end development coursework, where I developed an online store called Rainy Days for jackets. The goal was to create a dynamic website that uses the WordPress REST API to manage and display products from WooCommerce.

Key Features:

  • Products are fetched via the WordPress REST API from WooCommerce.
  • A responsive grid displays available jackets with images and prices.
  • Each product has its own detail page with more information.
  • All product data is fetched using JavaScript, allowing for smooth updates
  • The layout adapts to different screen sizes for an optimal user experience.
  • The site is hosted using a static host, ensuring fast load times.

Technical Overview:

This project utilizes the WordPress REST API to manage product data. JavaScript is used to fetch an array of product data from the WooCommerce API and render them on the homepage as thumbnails. Product detail page: Individual product data is fetched based on an id search parameter and displayed on the product detail page. Deployment The website is deployed on Netlify

Technologies Used:

  • Figma for designing prototypes.
  • GitHub for version control.
  • WordPress (headless setup).
  • WooCommerce (product management).
  • JavaScript (API fetching and rendering).
  • HTML5/CSS3 (front-end structure and styling).
  • WCAG 2.1 Compliance with a focus on accessibility, including alt text for images, keyboard navigation, and semantic HTML.
  • Netlify (for deployment).

Tech Stack:

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

Community Science Museum

Type:

Museum website for children/young adults

Description:

This is my semester project for the first semester of Front-End Development. The website is responsive and engaging. It was designed for a children's museum, targeting kids aged 7-15 and families. It features a playful yet simple design, and emphasizes clean code, and a mobile-first approach.

Key Features:

  • 6 Pages: Home, Explore, Exhibitions, Events, Involvement, Visit.
  • Responsive Design: Optimized for mobile and desktop
  • WCAG Compliance: Follows accessibility principles for color contrast, hierarchy, and navigation.
  • SEO Optimized: Meta tags, alt text for images, and content strategy in place.
  • Fast Loading: All images optimized to be under 200kb.
  • Google Maps Integration: Interactive map on the Visit page.

Technologies Used:

  • Figma for designing prototypes.
  • GitHub for version control.
  • HTML5 and CSS3 for structuring and styling the website.
  • Gantt chart for project planning.
  • WCAG 2.1 Compliance with a focus on accessibility, including alt text for images, keyboard navigation, and semantic HTML.
  • Netlify for deployment.

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, a dedicated front-end developer in training, I’m halfway through my formal education in front-end development, where I have gained solid experience in HTML, CSS, JavaScript, and WordPress. I have hands-on skills in creating responsive, accessible, and user-centered websites using modern web technologies. My knowledge of GitHub and version control helps ensure smooth project collaboration, while my work with CSS and JavaScript allows me to bring dynamic designs and functionality to life.

I'm currently working on various projects, including "Out 'n About," an online blog built with WordPress as a headless CMS and the WordPress REST API. In this project, I fetch and display product data using JavaScript. I also focus on optimizing performance and ensuring compliance with web standards such as WCAG for accessibility.

Beyond technical proficiency, I’m passionate about UX/UI design principles, understanding the importance of designing with empathy, and creating intuitive interfaces that enhance user experiences. My academic journey and ongoing projects have given me strong problem-solving skills, creativity, and an eye for detail.

Looking forward, I'm excited to leverage my growing expertise to build robust digital experiences, contribute to impactful projects, and continue evolving as a developer in the dynamic world of front-end development.

Me and my partner climbing on Hægefjell during summer
Climbing at Hægefjell with my partner during summer, one of the outdoor activities I enjoy in my spare time.

Work experience and education

Key qualifications

Solution-oriented

  • Finding solutions to various problems is something I do on an everyday basis through my studies and my work.

Strong IT skills

  • I have a broad interest in IT and technology and possess an understanding of various IT systems and applications.

Communication skills

  • I effectively communicate daily in Norwegian and English, emphasizing efficient problem-solving and a good customer experience.

Eager to learn

  • I enjoy learning new things and am always looking for opportunities to expand my knowledge.

Work experience

- Present

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.
* CV is in PDF file format and ~200kb in size.

Contact me

I would love to hear from you!

Send me a Email, or contact me through one of my other channels, with any questions or queries you may have. I’ll get back to you as soon as possible.

Name

Tore M. Hirth

Address

Bergen, Norway