B.R.I.D.G.E. Directory | Ammad Waseem

←Back to Projects

Role

Full-Stack Developer

Type

Full-Stack SaaS Platform

LIVEEXPLORE ↗

Live

WebSocket subscriptions

3 Tiers

Membership plans

Roles

Access Control

(Overview)

B.R.I.D.G.E.DirectoryisascalableSaaSplatformwithasearchabledirectory,role-basedaccesscontrol,directmessaging,andanemailmarketingengine.Businessownerscanmanagetheirownlistingswhileenduserscanbookmarkbusinesses,leavereviews,andredeempromos.

(The Challenge)

BuildingafullyreactiveUIthatupdatesinreal-timeacrossallconnectedclientswhilemaintainingperformanceatscale,robustrole-basedaccesscontrolforadmins,owners,andusers,andintegratingaseamlessmembershippaymentflow.

(The Solution)

EngineeredwithReact19,TypeScript,andViteonthefrontend,andpoweredbyConvexforreal-timeserverlessfunctionsandWebSocketsubscriptions.Implementedcursor-basedpagination,server-sideenforcementforoperations,andahighlyresponsivemobile-firstUIusingshadcn/uiandTailwindCSS.

01
EngineeredafullyreactiveUIwithreal-timedataupdatesusingConvexWebSocketsubscriptions.
02
Implementedrole-basedaccesscontrolwithserver-sideenforcementforadmins,businessowners,andusers.
03
Developedatieredmembershipsystemwithintegratedcommerceandpaymentprocessing.
04
Builtacustomemailmarketingenginewithcampaigns,templates,andsubscribermanagement.
05
Optimizedperformanceatscaleusingcursor-basedpaginationacrossalllistviews.
06
Createdamobile-firstresponsivelayoutwithdark/lightmodeandfullsemantictheming.

B.R.I.D.G.E. Directory screenshot 1 — B.R.I.D.G.E. Directory01 / 10

B.R.I.D.G.E. Directory screenshot 2 — B.R.I.D.G.E. Directory02 / 10

B.R.I.D.G.E. Directory screenshot 3 — B.R.I.D.G.E. Directory03 / 10

B.R.I.D.G.E. Directory screenshot 4 — B.R.I.D.G.E. Directory04 / 10

B.R.I.D.G.E. Directory screenshot 5 — B.R.I.D.G.E. Directory05 / 10

B.R.I.D.G.E. Directory screenshot 6 — B.R.I.D.G.E. Directory06 / 10

B.R.I.D.G.E. Directory screenshot 7 — B.R.I.D.G.E. Directory07 / 10

B.R.I.D.G.E. Directory screenshot 8 — B.R.I.D.G.E. Directory08 / 10

B.R.I.D.G.E. Directory screenshot 9 — B.R.I.D.G.E. Directory09 / 10

B.R.I.D.G.E. Directory screenshot 10 — B.R.I.D.G.E. Directory10 / 10

Built with

React 19TypeScriptViteTailwind CSSConvexReact Router v7OIDC

Haveaprojectinmind?

kryptochaingames@gmail.com

Loading Project Media

KEYmoves

KEYmoves