US Flag Background
🚀 Software Engineering, Web & Mobile Development

Designedforusers.Engineeredtoscale.

Software engineer specializing in web and mobile applications. Focused on bridging the gap between design and technical execution by combining structured UI design with solid software architecture optimized for load times, accessibility, and performance.
WM Goal
WM Ball
👟Pull & Shoot!
WM Shoe
WM Trophy
React
Next.js 16
TypeScript
Tailwind CSS
Supabase
React Native
Framer Motion
JavaScript
PLAYGROUND_ENGINE: GRID_LOCK
PERFORMANCE: 60 FPS | COLS: 0
DESIGN SYSTEM

Capabilities Bento Grid

Clean modular blocks housing detailed expertise ranges. Hover, interact, and explore specific technology focus points.

Frontend Core

I architect lightning-fast client interfaces with perfect layouts. Utilizing TypeScript and Next.js, my builds maintain 100/100 performance scores and seamless reactivity.

Next.js 16
React 19
TypeScript
Tailwind CSS v4
Framer Motion
HTML5/CSS3

Mobile App Dev

Cross-platform React Native engineering with Expo. Delivering ultra-smooth 60fps Native interactions, biometric safety, and background sync.

expo-simulator://barande-app

Escrow Locked

$140 locked in secure vault

LAT: 52.5200° N | LON: 13.4050° E

Backend & Cloud

Highly secure Postgres architectures with Supabase. Building low-latency REST/GraphQL APIs, Realtime web sockets, and optimized caching flows.

Query Cache API8ms (Cached)
Client
Query Cache
Postgres DB

Tools & Workflow

Bridging UI design directly into pixel-perfect production code. Advanced setup using Figma for components, Cursor AI for speed, and structured SEO schema integrations that rank on Google's top spots.

SEO Structured Data
CI/CD Agile Pipelines
100 SEO Score

Decoding Visual Engine · 0%

02 / INTERACTIVE DECONSTRUCTION

Barande – Scrollytelling Case Study

A scroll driven canvas engine mapping scroll velocity to video playback. Scroll to view the component by component architecture breakdown.

Barande
1
2
3
4
Scroll to Explore
PORTFOLIO showcase

Featured Case Studies

A selection of web and mobile applications focused on performance, accessibility, and clean architecture.

React NativeExpoNext.jsSupabase

Barande P2P Crowd Shipping Marketplace

Connecting international travelers and senders between Europe and Tehran. Travelers utilize their unused baggage allowance to deliver packages, earning rewards. Senders experience a transparent crowd-shipped workflow backed by secure escrow smart accounts, real-time geolocation matching, and delivery handshake safety validations.

Secure Escrow API

Funds are secured in escrow vaults and released only on correct delivery validation.

PIN Handshake

Dual PIN synchronization verifies matching handshake delivery without central authority dependency.

Barande App Screenshot
Next.js 16Tailwind CSSFramer MotionSEO Pro Max

Sheen Berlin Premium Beauty Studio Platform

A custom web platform for a premium beauty salon. Built using Next.js Server Components to optimize image preloading and asset delivery, achieving a 100/100 performance score on Google Lighthouse. Structured schema integration provides search engines with clean metadata for organic indexing.

Image Fetch Prioritization

Critical layout images preload natively, resolving slow largest-contentful-paint (LCP) delays.

Page 1 Rank SEO

Automatic micro-formatting schemas feed search engines contextual structures flawlessly.

https://sheen.berlin
Sheen Berlin Screenshot
03 / HISTORY & PHILOSOPHY

Behind the Code

The Journey

My journey with the web began back in the year 2000. Back then, I taught myself HTML and CSS and built my very first simple websites. Over the years, that early fascination turned into a deep-seated passion. As a self-taught developer, I relentlessly expanded my skillset through platforms like Udemy, mastering modern high-end technologies like TypeScript, React, and Next.js.

00
HTML / CSS
First Website built
Udemy Deep Dive
Self-Taught Scaling
26
Next.js / TS
Expert Mastery

Samsoun Behaein

CREATIVE TECHNOLOGIST

* Place samsoun.jpg inside /public folder to load photo dynamically.
Core Simulator Active
Philosophy

To me, software engineering feels like magic. There’s nothing better than staring at a completely blank screen and conjuring a living, breathing product out of a single idea. I believe everything matters: from pixel-perfect interfaces and fluid user experiences to robust backend architectures—every single detail needs to be flawless.

magic_compiler.js
Masterpiece

My proudest achievement to date is 'Barande'—a highly complex full-stack application that pushes the boundaries of my technical capabilities. I am constantly looking to connect with teams managing large-scale projects who need someone with my drive and skillset. If you are looking for someone who doesn’t just write code, but lives it—let’s build something incredible.

Barande Full-Stack AppSecure Escrow • Realtime Matching • Mobile & Web UI
WORKFLOW STRUCTURE

The Engineering Process

A transparent, predictable, and robust development roadmap ensuring secure delivery milestones.

01

Discovery & UI/UX Design

Laying solid groundworks by converting abstract ideas into interactive layouts and highly tailored wireframes. Designing the brand's aesthetic language, choosing harmonies, and building responsive structures in Figma.

  • Interactive high-fidelity prototypes
  • Harmonious custom color palette creation
  • Mobile-first responsive wireframing
  • User flow maps & accessibility checklist
02

Agile Engineering

Translating pixel-perfect wireframes into clean, standard-compliant, modular React and React Native code. Developing secure APIs, escrow workflows, databases, and biometric native layers inside modern execution systems.

  • Modular Next.js / TypeScript codebases
  • React Native & Expo cross-platform apps
  • Supabase schemas & secure row-level rules
  • Fully covered type-safety structures
03

Optimization & Launch

Tuning components for extreme performance, loading priorities, and semantic compliance to secure a flawless 100/100 Lighthouse audit. Deploying onto Netlify with custom domain routes, automated sitemaps, and SSL configs.

  • 100/100 Lighthouse performance audit
  • JSON-LD structured Google Schema markup
  • Advanced client preloading & server caching
  • Netlify production deployments & forms
CONNECT

Launch Your Product

Have a project in mind? Share your goals, timelines, or specifications below, and let's discuss how to build it.