I have built a pretty basic web app using my noob knowledge of Bootstrap and jQuery. I am trying to add a very basic register/login system so that the resources won't be public. I have followed various tutorials but still can't wrap my head around how I can do this. My website is basically a collection of links to resources(pictures)...a cheat-sheet if you will. A lot of drop down menus, each with at least 3 links, each one opens an image in a modal. example
Closest I got so far was by following a tutorial and using express, mongodb, passport and bcrypt. However I am not sure that I can get that to continue to my html page after the user is logged in. From what I understand in node I need to handle each route, and given the fact I have well over 200 links I assume there has to be a more efficient way to do this. There is also the issue of rendering using ejs...I haven't tried it yet but I'm pretty sure I can't just copy/paste my index.html into an .ejs file and it will just render flawlessly (given all the css and the modal and tabs scripts). So yea I'm pretty confused and really unsure about what exactly I am looking for. REST API ? passport.js ? JWT tokens ? OAuth ? I just need to be pointed in the right directions because I feel I'm going in circles.