Loading Project Media
(Overview)
SaintKayrepresentsathletesandcoachesacrossseveralsports,anditssitehastodotwojobs:presenttheagencyanditstalenttoclubsandscouts,andletnewplayersapply.Publicpagescovertheagency,thefounderandhiscredentials,afeaturedroster,andsearchabledirectoriesofplayersandcoacheswithfullprofiles.
(Architecture)
ANext.js14andTypeScriptapponVercel.Thedatamodeltreatssports,nationalities,leagues,clubsandpeopleasseparaterecords,soaprofilecancarryclubhistory,stats,accomplishments,contractdetailsandmarketvalue,andboxingcanuseweightclasseswherefootballusespositions.Directoriesfilterbysport,nationality,club,countryandage,withcompact,detailedandgalleryviews.
(Engineering)
Theagencymanageseverythingfromaprivateadminportal.ItsURLissetbyanenvironmentvariableandkeptoutofsearchengines,andaccessischeckedontheserverwithasigned,httpOnlysessioncookieandanoptional30-dayremember-me.Inside,staffeditsports,clubs,people,applicationsandthefounderprofile,anduploadedphotosarecompressedinthebrowserfirst.Automatedtestscoverforgedsessionsandloginexpiry.Rosterdataiscurrentlystoredinthebrowser,andmovingittoSupabasewithper-useraccountsisthenextstep.
- 01
Designedthebrandpresentationandeverypublicpage.
- 02
Modelledsports,clubs,leaguesandpeoplesoonesitecanserveseveralsports.
- 03
Builtsearchableplayerandcoachdirectoriesanddetailedprofiles.
- 04
Builttheadminportalwithserver-checkedsessions,andwrotetestsfortheauthflow.
Gallery
Built with
Next.js 14ReactTypeScriptTailwind CSSVercel
Explore this project
Inspect the live deployment or browse the repository code.
Haveaprojectinmind?
freddykojuru@gmail.com