I’m Stian, a passionate full stack web developer based in Norway, currently crafting innovative solutions at SpareBank 1 Utvikling. With a Bachelor’s degree in Computer Science and over two years of hands-on experience from professional roles and personal projects, I thrive at the intersection of design and backend engineering.

My journey into technology began in my father’s hobby room, where tinkering with computers sparked a lifelong fascination. From building a SoundCloud clone to launching TaskBuddy.dev and Tinify.dev , I enjoy creating tools that simplify and enhance everyday tasks. When I’m not coding, I cherish time with my girlfriend and our 18-month-old son, binge-watching movies or brainstorming the next web application.

Driven by ambition, creativity, and a love for problem-solving, I’m dedicated to building user-friendly, high-performance applications that make a real difference. Let’s connect and create something amazing together!

EXPERIENCE

    June 2023 - Present

    Full Stack Developer • SpareBank 1 Utvikling

    At SpareBank 1 Utvikling, I serve as a Full Stack Developer on Team Overview, responsible for building and maintaining critical front-end and back-end services for the bank's primary user interface across mobile and desktop platforms. Our team delivers the landing page that provides users with a comprehensive overview of their daily transactions, accounts, loans, debts, and financial tools.

    • Front-End Development: Utilize TypeScript and React to create responsive and user-friendly interfaces.
    • Back-End Development: Work with Kotlin and Spring Boot to develop robust backend services.
    • Agile Methodologies: Engage in mob programming and agile practices to accelerate development cycles and enhance code quality.
    • Data-Driven Decisions: Leverage user interaction data to inform product decisions, ensuring features meet user needs and business objectives.
    • Cross-Functional Collaboration: Collaborate with designers, product managers, and other developers to meet quarterly OKRs and drive continuous improvement.
    • AWS
    • Agile
    • Kotlin
    • Mob Programming
    • React
    • Spring Boot
    • TypeScript

PROJECTS

    October 2024ACTIVE

    Tinify: Advanced Image Optimization Service

    Developed Tinify, a free web-based image optimization service that compresses, resizes, and crops images to reduce file sizes and enhance website performance. Built a robust backend in Kotlin and Spring Boot, utilizing advanced image processing tools like ImageMagick, pngquant, cjpeg, and more for efficient image manipulation. Created a responsive frontend using Next.js and TypeScript, focusing on seamless user experience. Deployed the application on AWS Lightsail for scalability and security. Designed all UI components from scratch, ensuring a clean and user-friendly interface.

    • AWS Lightsail
    • Image Processing Tools
    • ImageMagick
    • Kotlin
    • Next.js
    • React
    • Spring Boot
    • TypeScript
    • UI/UX Design
    May 2024ACTIVE

    TaskBuddy: Task Management Application

    Created TaskBuddy, an intuitive task management application designed to help users organize tasks and boost productivity. Developed the application using Next.js and TypeScript, crafting all UI components without third-party libraries to ensure originality and performance. Built a secure backend with Kotlin and Spring Boot, connecting to a PostgreSQL database hosted on AWS. Implemented custom authentication using JSON Web Tokens (JWT), eliminating reliance on third-party solutions. Managed user data, tasks, settings, and metadata efficiently, utilizing Google Cloud for image storage.

    • AWS
    • Google Cloud Storage
    • JWT Authentication
    • Kotlin
    • Next.js
    • PostgreSQL
    • React
    • Spring Boot
    • TypeScript
    • UI/UX Design
    May 2024ACTIVE

    TaskBuddy Landing Page: Marketing Frontend

    Designed and developed the marketing landing page for TaskBuddy to engage users and promote app adoption. Crafted unique illustrations and 3D assets using Figma, focusing on a modern and appealing aesthetic. Implemented the design using Next.js and TypeScript, ensuring responsiveness and fast load times. Developed informative sections like 'About Us' and 'Learn More' to effectively communicate the app's value proposition.

    • Figma
    • Illustration
    • Next.js
    • React
    • TypeScript
    • UI/UX Design
    March 2024ACTIVE

    Strek-kode: Text to Barcode Generator

    Developed and open-sourced Strek-kode, a free web application that converts text into barcodes. Built with Next.js and TypeScript, ensuring high performance and reliability. Leveraged Firebase for authentication and real-time database capabilities. Designed an easy-to-use interface for generating barcodes, catering to various user needs.

    • Barcode Generation
    • Firebase
    • Next.js
    • React
    • TypeScript
    • UI/UX Design
    February 2024ACTIVE

    Skipper'n Utleie: Boat Rental Platform

    Developed a comprehensive boat rental platform for Skipper'n Utleie, enhancing operational efficiency for the local business. Built with Next.js and TypeScript, using Tailwind CSS for responsive design. Integrated Firebase for managing bookings, users, inventory, and authentication. Designed a custom admin dashboard to display orders, track profits, and manage inventory with CRUD functionalities. Focused on creating an intuitive interface for both customers and administrators.

    • Admin Dashboard
    • Authentication
    • Firebase
    • Next.js
    • React
    • Tailwind CSS
    • TypeScript
    • UI/UX Design
    January 2024ACTIVE

    QR-kode.app: Custom QR Code Generator

    Created qr-kode.app, a user-friendly platform for generating free custom QR codes with various configuration options. Implemented using Next.js and TypeScript for a fast and reliable frontend experience. Utilized Supabase for efficient data management and backend services. Employed Tailwind CSS to achieve a modern and responsive UI. Provided users with an intuitive interface to generate QR codes for personal and business use.

    • Next.js
    • QR Code Generation
    • React
    • Supabase
    • Tailwind CSS
    • TypeScript
    • UI/UX Design
    September 2023INACTIVE

    AudioVisualizer.io: Online Audio Visualization Platform

    Designed, developed, and deployed AudioVisualizer.io, an online platform for uploading, sharing, and visualizing audio files. Built a RESTful API using Node.js and Express.js for audio compression, peak data generation, and storage. Implemented the user interface with React and TypeScript, utilizing Wavesurfer.js for audio visualization. Integrated Firebase for user authentication and database management. Enabled users to experience interactive audio visualizations similar to SoundCloud.

    • Audio Processing
    • Express.js
    • Firebase
    • Node.js
    • REST API
    • React
    • TypeScript
    • UI/UX Design
    • Wavesurfer.js

OPEN SOURCE PROJECTS

    2024-10-08
    176 downloads last month

    react-gradient-animation

    A highly customizable, animated gradient background component for React applications.

    2024-10-04
    109 downloads last month

    @stianlarsen/react-fade-effects

    A collection of React components for smooth fade-in animations, starting with FadeWords. Easily add fade effects to your UI elements with customizable options.

    2024-09-25
    131 downloads last month

    @stianlarsen/meteors

    A dynamic and customizable React component for rendering realistic meteor animations on any container. Supports light and dark modes, and allows configuration for speed, size, and the number of meteors.

    2024-08-15
    102 downloads last month

    @stianlarsen/border-beam

    An animated border component that creates a visually stunning beam of light traveling along the borders of any container. Perfect for adding a modern, dynamic touch to your web components.

    2024-08-10
    195 downloads last month

    @stianlarsen/react-light-beam

    A customizable React component that creates a light beam effect using conic gradients. The component is fully responsive and supports both light and dark modes. Ideal for adding dynamic and engaging visual elements to your web applications.

    2024-05-05
    87 downloads last month

    @stianlarsen/react-ui-kit

    A versatile React UI kit focused on delivering ready-to-use, customizable buttons for every use case. Designed to save developers time and streamline UI development, this kit offers a range of button styles and loaders, ensuring immediate integration.

    2024-04-10
    797 downloads last month

    @stianlarsen/react-code-preview

    A React component that provides tabbed navigation for viewing a live component preview and its source code separately.

    2024-03-23
    25 downloads last month

    @stianlarsen/react-package-paster

    A versatile React component for seamlessly integrating package installation commands and usage examples into your project documentation, supporting npm, yarn, pnpm, and bun with customizable themes.

    2024-03-20
    581 downloads last month

    @stianlarsen/copy-to-clipboard

    A lightweight and modern JavaScript utility function to copy text to the clipboard in web browsers that support the Clipboard API (with fallback support). Ideal for use in web applications and React projects.