My Work
A collection of my best work in apps, web, branding, and design.
WEB
Modern web applications built with cutting-edge technologies
Insight Machine – Design Library
Design and implementation of a modular design library to ensure cohesive UX and visual identity across digital products. Built scalable component library with React, Tailwind CSS, Framer Motion, Implemented accessible and responsive components (WCAG), Defined color system and typography framework using design tokens, Interactive documentation with live previews and design guidelines, Dark/light mode support and design refinement with stakeholders
CV Converter Tool
An internal tool developed for converting CVs between DOCX and Markdown formats with a clean, brand-aligned output. Built in Streamlit, the app features a privacy-first drag-and-drop interface, CV template generation, and future-ready features like AI-powered CV analysis.
Insight Machine
The Insight Machine is an advanced platform designed to provide deep insights into Sweden's life science industry. It serves as an interactive database, offering access to structured data on over 4,000 life science companies, helping stakeholders make data-driven decisions.
Foxx Gaming - Game Hub
Game Hub is a platform designed for discovering and exploring video games, similar to IMDb but for games. Users can browse games by platform, genre, and popularity, with access to detailed descriptions, ratings, and media assets. The application is built for a seamless and engaging user experience.
Issue Tracker
Issue Tracker is a web application designed for managing software development issues efficiently. Users can create, update, and track issues with statuses like Open, In Progress, and Closed. The system supports authentication, real-time updates, and filtering. Built with Next.js, Prisma, and React Query, the app ensures smooth user interactions and robust data management.
Sashimi Sanctuary
Sashimi Sanctuary is a full-stack, single-page application (SPA) designed for a modern Japanese restaurant experience. It features a seamless booking and reservation system, take-away options, and online payment integration via Stripe. Built with Vanilla JavaScript, HTML, and CSS for the frontend, and powered by Java and Spring Boot on the backend, it offers secure authentication, an admin dashboard, and full CRUD operations for managing menus and reservations.
BRANDING
Frontwalker Service Offerings
A structured and visually consistent branding initiative for Frontwalker's IT consulting services. The project involved developing a clear framework for service descriptions, ensuring alignment with the company's brand identity. The result includes professional service sheets and presentations that effectively communicate offerings in IAM, AI, system development, and integrations.
Component Library
A collection of reusable UI components designed for modern web applications
Buttons
A collection of vibrant, animated buttons with interactive effects.
Interactive Buttons
Experiment with different button styles and see them in action!
Advanced Button Collection
Modern, interactive buttons with unique effects and animations for engaging user experiences.
How to Use
Click on any button or the code icon to see its implementation. Import the Button component and use it with the appropriate props to create different button styles.
Cards
A collection of vibrant, animated cards for displaying content.
Project One
A sleek, modern web app with real-time features.
Project Two
An engaging mobile app with vibrant UI and animations.
Project Three
A branding solution tailored for modern companies.
E-Commerce Cards
Product cards with sleek design, interactive hover effects, and dynamic pricing.
Wireless Headphones
High-quality sound with noise cancellation.
Smartwatch Pro
Track your fitness with style and precision.
Gaming Mouse
Precision and speed for pro gamers.
Carousel
A smooth, auto-scrolling carousel showcasing our featured products.
Wireless Headphones
High-quality sound with noise cancellation.
Smartwatch Pro
Track your fitness with style and precision.
Gaming Mouse
Precision and speed for pro gamers.
Bluetooth Speaker
Portable speaker with rich bass.
VR Headset
Immersive virtual reality experience.
Wireless Headphones
High-quality sound with noise cancellation.
News Carousel
A smooth, auto-scrolling carousel showcasing our featured products.
New Summer Collection Just Arrived
Explore our latest summer styles with breathable fabrics perfect for the season.
5 Ways to Style Your New Accessories
Our fashion experts share their top tips for incorporating accessories into your wardrobe.
Sustainable Fashion: Our Commitment
Learn about our initiatives to reduce environmental impact and promote ethical manufacturing.
Exclusive Interview with Designer Sarah Chen
The creative mind behind our bestselling collection shares her inspiration and process.
Summer Sale: Up to 50% Off Selected Items
Don't miss our biggest sale of the season with discounts on hundreds of products.
New Summer Collection Just Arrived
Explore our latest summer styles with breathable fabrics perfect for the season.
Modals
Explore different modal types like Quick View, Confirmation, and Fullscreen Hero Modals. Each designed to fit various use cases from e-commerce previews to important confirmations and announcements.
Product Carousel
A smooth, auto-scrolling carousel showcasing our featured products.
Wireless Headphones
High-quality sound with noise cancellation.
Smartwatch Pro
Track your fitness with style and precision.
Gaming Mouse
Precision and speed for pro gamers.
Bluetooth Speaker
Portable speaker with rich bass.
VR Headset
Immersive virtual reality experience.
Wireless Headphones
High-quality sound with noise cancellation.
Smartwatch Pro
Track your fitness with style and precision.
Gaming Mouse
Precision and speed for pro gamers.
Bluetooth Speaker
Portable speaker with rich bass.
VR Headset
Immersive virtual reality experience.
Wireless Headphones
High-quality sound with noise cancellation.
Smartwatch Pro
Track your fitness with style and precision.
Gaming Mouse
Precision and speed for pro gamers.
Bluetooth Speaker
Portable speaker with rich bass.
VR Headset
Immersive virtual reality experience.
Product Badges
Highlight special product features with dynamic badges. Use 'New', 'Best Seller', or 'Limited Time' labels to catch customer attention with subtle animations.
Shopping Cart Drawer
A sleek, sliding cart drawer that enhances the shopping experience. View products, adjust quantities, and proceed to checkout with smooth animations and a modern interface.
Haus Bloom
Experience all these components in action in our fully functional demo store. Browse products, add to cart, and explore the checkout flow.
GRAPHICS
Icon System
Consistent, scalable icons for your interface
Compare
CreditCard
DeliveryTruck
Filter
Heart
Leaf
Light
Loading
PriceTag
Return
Search
SecurePayment
ShoppingBag
ShoppingCart
Star
User
Usage
import { ShoppingCartIcon } from '../ui/icons/IconSystem';
// Basic usage
<ShoppingCartIcon />
// With custom size and color
<ShoppingCartIcon size={32} color="#ff0000" />
// With custom stroke width
<ShoppingCartIcon strokeWidth={1.5} />
// With animation class
<ShoppingCartIcon className="animate-pulse" />