Loading Project Media
2-Level
Workspace Architecture
Realtime
Kanban Collaboration
GitHub
API + Webhooks
(Overview)
Axonbringsprojectmanagementanddevelopercollaborationintoasingleplatform.Teamscanorganizeworkspaces,manageprojectsandmembers,trackticketsthroughKanbanworkflows,andconnectGitHubactivitywiththeirdevelopmentworkflow,allbackedbyarole-basedarchitectureandreal-timeupdates.
(The Challenge)
Designingthedatabasearchitecturewasoneofthebiggestchallenges,especiallystructuringtheworkspacemodelanditsrelationshipswithorganizations,projects,members,andtickets.Theworkspace-basedarchitecturechangedhowIapproachedtheoverallsystemdesign.Ialsohadtohandlecomplexroutingacrosspersonalandorganizationworkspaces,builddrag-and-dropKanbaninteractionsusingaDnDtoolkit,integratereal-timecommunicationwithRedis,andmanagedeploymentandinfrastructurewithDockerandwebservices.
(The Solution)
IdesignedAxonaroundaworkspace-basedarchitecturewherepersonalandorganizationworkspacesprovidethefoundationforprojects,members,andtickets.Iimplementedworkspace-awareroutingandrole-basedpermissionstokeepresourcesisolatedandaccessibleaccordingtouserroles.TheKanbaninterfaceusesaDnDtoolkitforsmoothticketmovement,whileRedishandlesfasttemporarydataandreal-timecommunicationrequirements.IcontainerizedtheapplicationwithDockerandconfiguredthedeploymentinfrastructuretomakethebackendandsupportingserviceseasiertorunandmaintain.
- 01
Designedtheworkspace-basedarchitecturesupportingpersonalandorganizationworkspaces,withprojectsandmembersscopedtoeachworkspace.
- 02
BuiltthebackendusingDjangoandDjangoRESTFramework,includingauthentication,workspace,organization,project,member,andticketAPIs.
- 03
Implementedrole-basedaccesscontrolacrossorganizationandprojectlevelstomanagepermissionsfordifferenttypesofusers.
- 04
Builtthereal-timeKanbanworkflowwithdrag-and-dropinteractionsandliveticketupdatesusingDnDKit,DjangoChannels,andRedis.
- 05
IntegratedGitHubAPIandwebhookstoconnectGitHubactivitywithprojectworkflowsandkeepdevelopmentinformationsynchronized.
- 06
ContainerizedanddeployedtheapplicationusingDocker,withVercel,CloudflareTunnel,PostgreSQL,andCloudflareR2supportingtheapplicationinfrastructure.
- 07
DeployedtheDjangoASGI(Daphne)serveronaself-hostedminiPChomelabandexposeditsecurelythroughCloudflareTunnel.
Built with
ReactDjangoDjango REST FrameworkPostgreSQLRedisReduxTailwind CSSDockerVercelCloudflare TunnelCloudflare R2GitHub APIGitHub Webhooks
Haveaprojectinmind?
dattaiman56@gmail.com