My projects

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 am currently completing the final year of my front-end development studies, where I continue to build my skills in HTML, CSS, JavaScript, Git, and other technologies. Throughout the program, I have designed and developed several websites and web applications, always with a strong focus on responsive design and accessibility (WCAG).

My previous experience as a mechanic and service advisor/planner has taught me how to communicate complex technical issues in a clear and customer-friendly way. This blend of technical problem-solving and customer focus is something I carry with me into web development.

I have developed a genuine interest in design, development, and technology, and I am now looking for opportunities where I can contribute with my skills, learn more, and continue growing as a front-end developer.

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

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.

Visit my LinkedIn profile for updated information!

My LinkedIn

Contact me

Come say hi!

I'm always open to chatting! Feel free to reach out with any questions or queries you may have. I'll get back to you as soon as possible.

Name

Tore Hirth