title: What method to use for storing data for a simple web app project?
body: <p>I am currently learning javascript and I really want to create a web app project.</p>
  <p>The purpose of the web app is to offer users mealplan database that they can search based on the single recipes or even ingredients such as (potatoes, hamburger and etc.)</p>
  <p>I firstly thought of storing the meal plans as single pdf files, because it would be easier for me to write them, but I also thought of another option that might be better for user experience, which is to make proper app components such as listed items and drop down expanding components.
  I am planning to store a significant amount of mealplans therefore I am looking for a relatively easy way to put the data on the app.</p>
  <p>Just to let you know that I have zero backend knowledge, so that’s why I am confused which method I should use, that would be future proof.</p>
  <p>I would appreciate if you guys point me in the right direction and tell me what to do or learn in order to create this app.</p>
  <p><a href="https://i.stack.imgur.com/0MAQH.jpg" rel="nofollow noreferrer">Web app ui/ux</a></p>