Atelier
  • Templates
  • Categories
  • Collection
  • Developer
10live demos
TemplatesCategoriesCollectionDeveloper
10 live demos

10production-grade demosAtelier

Templates that already feel like products.

Central showcase for the Atelier collection. Browse, preview, and shortlist demo applications across commerce, hospitality, healthcare, education, fitness, and operations.

Explore the catalogMeet the developer
Live · 10 demosNext.js 16 · React 19Production-ready
clinico.abdullahawais.com
Shopio
PlateUp
PulseRep
MedSalve
Scroll

By category

Different industries.
One engineering voice.

Each demo speaks the dialect of its industry. Browse the lineup by category, or jump directly into the catalog.

01

Automotive

Vehicle browsing, configurators, and booking journeys.

  • CarGrid
01 demo
02

Healthcare

Patient-first scheduling and clinical operations.

  • Clinico
01 demo
03

Sales

Customer relationships, deals, and pipeline.

  • DealKin
01 demo
04

Education

Learning platforms and school operations.

  • Aubade
  • SchoolEdu
02 demos
05

Retail

Storefronts, account flows, and POS.

  • Shopio
  • StockTap
02 demos
06

Hospitality

Menu, ordering, kitchen, and admin in one.

  • PlateUp
01 demo
07

Fitness

Member, trainer, and admin workspaces.

  • PulseRep
01 demo
08

Pharmacy

Inventory, prescriptions, billing, reporting.

  • MedSalve
01 demo
Featured products

01Hospitality

PlateUp

Customer ordering, POS, kitchen, and admin in one cohesive system.

Open showcase
plateup.abdullahawais.com

02Retail

Shopio

Modern commerce, beautifully crafted.

Open showcase
shopio.abdullahawais.com

03Pharmacy

MedSalve

A clinical precision dashboard for pharmacy teams.

Open showcase
medsalve.abdullahawais.com

04Education

Aubade

A reading academy for the curious.

Open showcase
aubade.abdullahawais.com

Featured

A closer look at three.

plateup.abdullahawais.com

Hospitality

PlateUp

Customer ordering, POS, kitchen, and admin in one cohesive system.

Open showcase
medsalve.abdullahawais.com

Pharmacy

MedSalve

A clinical precision dashboard for pharmacy teams.

Open showcase
aubade.abdullahawais.com

Education

Aubade

A reading academy for the curious.

Open showcase

What I build

Six specializations,
one shared craft.

Each demo in the catalog draws from this toolkit. Six specializations that compound - every app combines several of them.

01 / 06

SaaS Platform Development

Multi-tenant platforms with auth, role-based access, and admin from day one.

Multi-tenantAuthAdmin
02 / 06

Subscription & Billing Systems

Stripe-native flows: plans, proration, dunning, customer portals, webhooks.

StripeWebhooksPortal
03 / 06

AI-Integrated Web Applications

Streaming chat, RAG pipelines, and embedding workflows wired straight to the UI.

StreamingRAGEmbeddings
04 / 06

Scalable API Architecture

REST and tRPC endpoints designed for growth - caching, rate-limits, edge runtimes.

tRPCRESTEdge
05 / 06

Real-Time Applications

WebSocket and SSE-driven UI: live data, presence, collaborative editing state.

WebSocketSSEPresence
06 / 06

Performance Optimization

Core Web Vitals discipline: INP under 200ms, LCP under 2.5s, bundle-split everywhere.

INPLCPBundling

The toolkit

The stack behind every demo.

A consistent set of frameworks and infrastructure powers every product in the catalog - battle-tested across all ten demos.

React.jsNext.js (SSR · SSG · App Router)AngularVue.jsTypeScriptJavaScriptNode.jsExpress.jsNest.jsRESTful APIsMongoDBPostgreSQLMySQLFirebaseStripe & Payment GatewaysThird-Party AuthenticationWebSockets / Socket.ioReact.jsNext.js (SSR · SSG · App Router)AngularVue.jsTypeScriptJavaScriptNode.jsExpress.jsNest.jsRESTful APIsMongoDBPostgreSQLMySQLFirebaseStripe & Payment GatewaysThird-Party AuthenticationWebSockets / Socket.ioReact.jsNext.js (SSR · SSG · App Router)AngularVue.jsTypeScriptJavaScriptNode.jsExpress.jsNest.jsRESTful APIsMongoDBPostgreSQLMySQLFirebaseStripe & Payment GatewaysThird-Party AuthenticationWebSockets / Socket.io
LayerTechnologiesCount
01Frontend
  • React.js
  • Next.js (SSR · SSG · App Router)
  • Angular
  • Vue.js
  • TypeScript
  • JavaScript
  • Tailwind CSS
  • +5
12
02Backend
  • Node.js
  • Express.js
  • Nest.js
  • RESTful APIs
  • JWT Authentication
  • Role-Based Access Control
  • Swagger API Documentation
07
03Data & cloud
  • MongoDB
  • PostgreSQL
  • MySQL
  • Firebase
  • Supabase
  • Database Optimization & Indexing
  • Real-Time Data Systems
07
04State
  • Redux Toolkit
  • React Redux
  • VueX
03
05Realtime
  • Stripe & Payment Gateways
  • Third-Party Authentication
  • WebSockets / Socket.io
  • Postman API Testing
04
06Devops
  • Git
  • GitHub
  • Vercel
  • Netlify
  • Render
  • VPS & Cloud Platforms
  • Environment Configuration
  • +3
10
0

Production-grade demos

Each a full frontend, not a template.

0

Industry verticals

Retail to healthcare to fitness.

0+

Years building

Shipping real products since university.

0

Engineering focus areas

From APIs to AI-integrated UX.

MA
Issue 01Design Philosophy · 2026
“
Scalable, secure, performance-first web applications..
MA

Abdullah

Full-Stack Engineer

Full story

Browse

10 demos

Explore the catalog.

All 10 demos with filters, live previews, and direct links to every running site.

Open catalog
MA

About

Full-Stack Engineer

Meet the developer.

Muhammad Abdullah Awais - MERN · Next.js · Nest.js.

Read story
Atelier

Central showcase for the Atelier collection. Browse, preview, and shortlist demo applications across commerce, hospitality, healthcare, education, fitness, and operations.

Navigate

  • Templates
  • Categories
  • Collection
  • Developer

Legal

  • Privacy policy
  • Terms

Connect

  • LinkedIn
  • GitHub
  • Fiverr
  • Upwork

Designed and built by Muhammad Abdullah Awais.

Atelier · Next.js 16 · React 19