/    Sign up×
Community /Pin to ProfileBookmark

Advice for a web application architecture

Hello WebDev Folks !
I got in a little foggy corner of my brain a draft projet very dear to my heart. But Computer universe is expanding so quickly that it’s getting very hard now

to be competent in every areas this would involve. That’s why I’m asking for advice and recommendations.
The key point would be to enable any web user to pin, wherever he wants on a web page, his own text (e.g. feedback, question, opinion…). These contributions

would then be stored in a database and processed in a usual way.

First question is: is there already any open-source project compliant with this kind of web-interactivity ?
And if not, how can I technically implement it ? I don’t mean about client-side technology (HTML, JS, Ajax…), but from a server-side point of view, especially

about the way of storing locations where web users pinned their text.

I’ve first considered about a relative referencing (in a way XPointer does) but:
1) What about datastoring ? Is there any special database model that would be more appropriate for such a task ?
2) Could this still be relevant if the web source is likely to be edited ?
3) Yet, this would even be possible knowing the client-side DOM can differ from the source one (as JS scripts can add or remove DOM nodes) ?

What about absolute referencing then ? Could it be possible to pre-format the HTML source in a way every nodes of its DOM would be linked to a unique identifier ? In this way, locate web users’pins would be easy relatively to its nearest “server-sidely identified” parent node ?

Well… it sounds like there’s still a couple of working hours… ^^
Many thanks for any enlightment !

to post a comment
Full-stack Developer

0Be the first to comment 😎

×

Success!

Help @Peppermay spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...