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 what started as a SoundCloud clone and evolved into Sonio.fm , to launching productivity tools like TaskBuddy.dev and Tinify.dev , to creating developer tools like Rampkit and a JetBrains IDE plugin , 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
- Color Theory Algorithms
- Next.js
- Radix UI
- React
- SCSS Modules
- TypeScript
- Various Color Formats
- Various Export Formats
- CSS
- IntelliJ Platform SDK
- JetBrains Plugin Development
- Kotlin
- Next.js
- SCSS
- TypeScript
- AWS Lightsail
- AWS S3
- Audio Processing
- Custom Authentication
- Kotlin
- Next.js
- REST API
- React
- Sign in with Google
- Spring Boot
- TypeScript
- UI/UX Design
- Wavesurfer.js
- AWS Lightsail
- Color Theory
- Next.js
- React
- TypeScript
- UI/UX Design
- 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
Rampkit - From Hex to Color Palette
A modern color palette generator that creates beautiful 12-step color ramps from any hex color input. Designed specifically for developers working with design systems and UI frameworks. Features comprehensive color generation including accent colors and gray scales in both light and dark variations, perfect for creating cohesive design systems. Supports multiple export formats including shadcn/ui HSL values, CSS variables, JSON format, and human-readable text - making it easy to integrate generated palettes into any development workflow. Built with accessibility and developer experience in mind, providing ready-to-use code snippets and color formats that work seamlessly with modern web frameworks.
CSS Variables Assistant - JetBrains Plugin
Advanced CSS custom properties plugin for JetBrains IDEs including IntelliJ IDEA, WebStorm, PyCharm, and more. Features intelligent autocomplete with live preview, quick documentation with color swatches, JSDoc-style comment support, and advanced @import resolution. Supports CSS, SCSS, SASS, and LESS with multi-preprocessor compatibility. Rated 4.6/5.0 with 400+ downloads from the JetBrains Marketplace.
Sonio: Advanced Music Platform, just like SoundCloud
Developed Sonio, a free web-based music platform that allows users to upload, share, and discover music. Built a robust backend in Kotlin + Spring boot handling custom authentication and data retrieval , utilizing postgres and aws s3 for efficient data storage and retrieval. Implemented advanced audio processing tools using WaveSurfer.js for seamless audio playback and waveform visualization. Created a responsive frontend using Next.js and TypeScript, focusing on a clean and intuitive user interface. Deployed the application on AWS Lightsail for scalability and security. Designed all UI components from scratch, ensuring a visually appealing and user-friendly experience.
ColorPalette: Create beautiful color palettes with instant code export
Created ColorPalette, a web application that allows users to generate beautiful color palettes and export them as code snippets for various programming languages.
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 metadataROOT 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.