How do i create a web app that interacts with a XRP wallet?

Hi, How do i create a web app that interacts with a XRP Wallet?

I have been assigned a brief to build a simple one page web app that when a user clicks a button "connect wallet", the page then shows their public key and address?

Their private key and other sensitive information is only handled in the backend. These keys cannot be exposed.

Can anyone suggest where to start? or perhaps there's a tutorial online somewhere I can follow?

Thanks