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
PROJECTS
- AWS Lightsail
- Image Processing Tools
- ImageMagick
- Kotlin
- Next.js
- React
- Spring Boot
- TypeScript
- UI/UX Design
- AWS
- Google Cloud Storage
- JWT Authentication
- Kotlin
- Next.js
- PostgreSQL
- React
- Spring Boot
- TypeScript
- UI/UX Design
- Figma
- Illustration
- Next.js
- React
- TypeScript
- UI/UX Design
- Barcode Generation
- Firebase
- Next.js
- React
- TypeScript
- UI/UX Design
- Admin Dashboard
- Authentication
- Firebase
- Next.js
- React
- Tailwind CSS
- TypeScript
- UI/UX Design
- Next.js
- QR Code Generation
- React
- Supabase
- Tailwind CSS
- TypeScript
- UI/UX Design
- Audio Processing
- Express.js
- Firebase
- Node.js
- REST API
- React
- TypeScript
- UI/UX Design
- Wavesurfer.js
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.
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.
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.
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.
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.
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.
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.
OPEN SOURCE PROJECTS
react-gradient-animation
A highly customizable, animated gradient background component for React applications.
@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.
@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.
@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.
@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.
@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.
@stianlarsen/react-code-preview
A React component that provides tabbed navigation for viewing a live component preview and its source code separately.
@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.
@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.