// Full-Stack · AI · Frontend

Shabnam

Beiraghian

|

Building accessible web applications and AI tools that solve real business problems.

Recent work includes a production booking platform, an AI front-desk assistant, and frontend systems for real users.

Vancouver, BC · Open to frontend and full-stack roles

~/portfolio/shabnam.js
live
1
2
3
4
5
6
7
8
9
10
11
12
const dev = {
name: "Shabnam Beiraghian",
role: "Full-Stack + AI",
stack: [
"React", "Next.js", "Node",
"TypeScript", "Supabase",
],
ai: ["Groq", "Gemini", "OpenAI"],
shipped: 5, // production projects
location: "Vancouver, BC",
status: "open to work",
}
JSNode 20UTF-8Prettier
React·Next.js·Node.js·TypeScript·AI Chatbots·Accessibility·UX Design·Supabase·REST APIs·React Native·Python·Full-Stack Dev·React·Next.js·Node.js·TypeScript·AI Chatbots·Accessibility·UX Design·Supabase·REST APIs·React Native·Python·Full-Stack Dev·
scroll

// selected work

Built for
real users.

Booking Platform

Elika Beauty

Production booking system running daily operations for a Vancouver beauty business.

Challenge

Prevent booking conflicts while keeping the flow simple for both clients and staff.

Engineering decision

Built duration-aware service booking with conflict detection and service incompatibility rules, plus automated confirmation emails on every booking.

Next.jsNode.jsMongoDBNodemailer
Read case study

// AI integration

Embedded
AI

What got me into AI was watching a small business owner spend two hours answering the same five questions over email. I built a system to handle that automatically.

Intent-based response flows
Knowledge-base retrieval
Booking and lead-routing logic
Human handoff for complex cases
AI assistant · prototype
online
Hi — I'm a demo of the kind of AI assistant I build for service businesses. Ask me something.

// tech stack

Tools I
ship with.

Frontend
ReactNext.jsTypeScriptReact NativeTailwind CSSFramer MotionAccessibility (WCAG)
Backend & Data
Node.jsExpressHonoPostgreSQLMongoDBSupabaseRedisDrizzle ORM
AI & Integration
OpenAI APIGoogle GeminiGroqPythonPrompt EngineeringClerkAuth0
DevOps & Tools
GitVercelRenderAWS S3CI/CDFigmaBunREST APIs

// accessibility

Built for
everyone.

I build for everyone — regardless of ability, device, or environment. Each cell below is a live demo.

Keyboard Navigation

Tab to each button and press Enter — the focus ring shows where you are without a mouse.

Screen Reader Support

Press the button — screen readers announce it aloud. Sighted users see the transcript.

WCAG-aware Contrast

Contrast ratios meet accessibility guidelines. Check both themes:

Light

Reduced Motion

Animations pause automatically when OS motion preference is set:

Pauses when reduce-motion is on

// about

Built to
ship.

Full-stack developer with a background in architectural engineering. I build production systems — not prototypes.

Frontend & backend, start to finish
AI-powered tools for real businesses
Team lead experience — Scrum & technical
Vancouver, BC · open to remote

I studied Architectural Engineering — five years of learning how complex systems are designed under pressure. In 2019 I moved to Vancouver, one of Canada's strongest tech cities. Being in that environment pushed me toward software. Same problem-solving mindset, applied through code. Since 2022 I've been building full-stack applications and AI tools for real businesses.

// let's work

Open for
new roles.

Looking for a full-time position where I can build real products with a team that cares. Based in Vancouver — open to remote.