Loading Project Media
(Overview)
Afull-featuredpublishingwebplatformbuiltforwritersandreaders.Itoffersaclean,typography-focusedreadingexperiencewitharticleauthoring,imageuploads,categorizedtagnavigation,readercomments,personalbookmarkreadinglists,andacontainerizeddeploymentsetup.
(Architecture)
BuiltwithReact19andExpresswithJWTauthentication,usingReduxToolkittomanageauthenticationandsavedpoststates.AuthorspublisharticleswithimageshandledthroughMulterdiskstorageandCloudinary.Thebackendenforcesstrictfilesystemhygiene:temporarylocaluploadsareimmediatelyunlinkeduponcompletionorerror,andreplacedordeletedimagesarepurgedfromCloudinaryusingpublicIDstopreventstorageleaks.Readerscanleavecommentswithin-placeediting,togglearticlelikes,andmanageapersonalbookmarkslistsynchronizedacrossviews.
(Engineering)
ImplementedarticlesearchusingaMongoDBaggregationpipelinewithlookupjoiningauthorprofilesandregexfilteringacrosstitles,tags,andauthornames.Thefrontendsearchinputincludesa500msdebouncehandlertominimizeserverrequests.Engineeredrelationalcascadedeletions:deletinganarticleautomaticallyremovesitscomments,clearsreferencesfromeveryuserreadinglist,anddeletesitsCloudinaryasset;deletinganaccountcascadesthroughallauthoredposts,comments,commentsonauthoredposts,andlikes.IntheDevOpssetup,DockerComposeorchestratesfrontendandbackendcontainers,withamulti-stageAlpineNginxDockerfilehandlingclient-sideSPAroutingandGitHubActionsdeployingtoAWSEC2.
- 01
BuiltthefullstackpublishingapplicationusingReact19,TailwindCSS,Express,andMongoDB.
- 02
ImplementedfullassetlifecyclemanagementwithMulterandCloudinary,includinglocalfileunlinkingandremoteassetdestruction.
- 03
Designedreal-timearticlesearchusingMongoDBaggregationpipelineswithlookupacrossauthorprofilesanddebouncedfrontendinput.
- 04
Builtin-placecommenteditingandglobalbookmarkstatemanagementusingReduxToolkit.
- 05
Engineeredrelationalcascadedeletionsacrossposts,comments,bookmarks,likes,anduserprofiles.
- 06
CreatedDockerComposeconfigurations,multi-stageAlpineNginxDockerfiles,andGitHubActionsCI/CDforAWSEC2deployment.
Gallery
Built with
React 19ViteTailwind CSSRedux ToolkitReact RouterNode.jsExpressMongoDBCloudinaryDockerAWS EC2
Explore this project
Inspect the live deployment or browse the repository code.