Hi, I'm Muhammad Norshahlan 👋
Software Engineer turned Entrepreneur. I love building things and helping people.
MN

About

Fullstack Web Developer & Graphic Designer

I am a passionate and creative professional specializing in web development and graphic design. With a keen eye for detail and a love for innovative solutions, I strive to create visually stunning and highly functional digital experiences.

A Fullstack Web Developer will use their frontend and backend development understanding to create dynamic web applications. Using programming languages such as HTML, CSS and javascript to create the way the user interface looks. On the other hand, a Graphic designer focuses on creating excellent visual designs for branding and marketing. They use software like Adobe Photoshop, Illustrator to create Graphics, Logos and the layout of a page etc. Combining their technical know-how with a creative spin-churn out dynamic digital experiences.

Work Experience

Education

Skills

HTML
CSS
JavaScript
PHP
TypeScript
PostgreSQL
MySQL
Laravel Framework
SvelteKit Framework
Adobe Photoshop
Adobe Premiere
Corel Draw
Canva
Figma
Microsoft Office
Microsoft Excel
Microsoft PowerPoint
My Projects

Check out my latest work

I've worked on a variety of projects, from simple websites to complex web applications. Here are a few of my favorites.

Portofolio

Personal portfolio website showcasing fullstack development and graphic design skills. Features modern design with sections for about, skills, experience, portfolio showcase, and contact information.

SvelteSvelteKitTailwind CSSViteRadix UIMagic UIshadcn/uiLucideSwiperPWA
Website
Image Enhancement & Media API

Comprehensive REST API service offering multiple image and media processing capabilities. Features include AI-powered image enhancement, background removal, music analysis and generation, OTP management, YouTube audio download, and combination tools. Fully documented with interactive API documentation.

FastAPIPythonUvicornReactSwagger UIjsDelivr
Website
mailHog

Temporary email generator service that allows users to create disposable email addresses instantly. Perfect for testing, privacy protection, and avoiding spam on online registrations.

SvelteSvelteKitTailwind CSSViteVercelRadix UIshadcn/uiLucide
Website
Map Picker

Free and open-source map picker component for Svelte using OpenStreetMap and Leaflet. Features location selection, search functionality, customizable styling, and embed code generation.

SvelteSvelteKitViteLeafletGeoapifyVercelHSTS
Website
POS Coffee Shop

All-in-one point-of-sale solution designed specifically for coffee shops. Streamlines operations with order management, real-time analytics, inventory tracking, and integrated payment systems.

SvelteSvelteKitViteVercelGoogle Font API
Website
JNE LABEL ANALYZER

Smart tool to analyze shipping labels and extract package information with costs. Uses AI to process JNE shipping label images and automatically extract sender, recipient, and pricing details.

Next.jsReactTailwind CSSRadix UIshadcn/uiLucideVercelWebpackPriority Hints
Website
Image Converter

Powerful image conversion tool supporting multiple formats including PNG, JPG, WebP, GIF, and BMP. Features bulk processing up to 30 images, drag & drop interface, and privacy-focused processing.

Next.jsReactTailwind CSSRadix UIshadcn/uiLucideVercelWebpackPriority Hints
Website
Self Photobooth

Interactive photo booth application that allows users to capture photos, customize them, and share with others. Features countdown timer, photo history, and instant sharing capabilities.

Next.jsReactTailwind CSSRadix UIshadcn/uiLucideVercelWebpackPriority Hints
Website
Proxy Serverless x Nautica

Serverless proxy service providing location detection, server status monitoring, and domain management. Features IP geolocation, ISP detection, and responsive theme switching.

Next.jsReactTailwind CSSRadix UIshadcn/uiLucideVercelWebpackPriority Hints
Website