Loading Project Media
(Overview)
Findingareliableplumber,electricianorcarpenterusuallydependsonwhoyouknow.ArtisanConnectputsthatsearchinoneplace:customersbrowseartisansbyserviceandlocation,compareprofiles,ratingsandhourlyrates,messagethemaboutthejob,thenbook,payandtracktheworkthroughtheplatform.
(Architecture)
Thefrontendisamulti-pagesiteinHTML,CSSandvanillaJavaScript,splitintomodulesforsearch,profiles,chat,thehireflow,payment,ordersandtracking.IttalkstoaPHPRESTAPIbackedbyMySQL,withtablesforusers,categories,artisans,theirpastwork,reviews,conversations,messagesandorders.Accountsuseserver-sidesessionsandhashedpasswords.
(Engineering)
Hiringrunsasathree-stepflowthatendsinanordersummaryitemisingtheservicefee,materials,platformfeeandtax,withcardorbanktransferasthepaymentmethod.OrdertrackinggeocodesthejobaddresswiththeGoogleMapsAPI.Theartisansideisnotbuiltyet,sofornowasimulationlayerintheAPIplaystheartisanroleandpaymentsaresimulated,whichletsthefullcustomerjourneybetestedendtoend.
- 01
Designedandbuiltthecustomer-facingsite:search,artisanprofiles,chat,hiring,payment,ordersandtracking.
- 02
BuiltthePHPRESTAPIanddesignedtheMySQLschema.
- 03
Implementedsessionauthenticationwithhashedpasswords.
- 04
IntegratedGoogleMapsgeocodingforjoblocationsandordertracking.
- 05
Wroteasimulationlayersothecustomerjourneyworksbeforetheartisanmoduleexists.
Built with
HTMLCSSJavaScriptPHPMySQLGoogle Maps APIVercel
Explore this project
Inspect the live deployment or browse the repository code.
Haveaprojectinmind?
freddykojuru@gmail.com