The process towards this decision and posting about it took away a huge chunk of the day. I've started thinking about it from around 8 am. By the time I've posted my decision, it was already 4 pm! Although I must admit I ended up getting sidetracked while researching some of the ideas I've had.
Shortly after publishing my plan, I've set up the Github repository for this project and created a quick landing page for the application alongside a barebones page for the main feature of my first iteration - adding of data.
While it was only two web pages in, the information that I've read in the past about "Don't Repeat Yourself (DRY) Principle" quickly jumped into mind. The process of making web applications through HTML and CSS alone just does not cut it. This prompt me to look into a more suitable approach that would make my development process more effective and efficient. The search quickly points me towards the direction of selecting a web stack.
I am a novice when it comes to Web Stacks, the closest I've come to any is following some YouTube tutorials in the past, inconsistently. After a quick research, I ended up choosing the MEVN stack, MongoDB, Express, Vue and Node.
I choose this to serve as the database because of the concept of "Documents". I barely know anything about NoSQL database but the idea of storing JSON format data directly sounds like it will cut short the development time.
I've done a few tutorials in the past on Angular, React and Vue. I recalled that I was having the most trouble with Angular and the least trouble with Vue. That's why I choose Vue as the frontend framework to work with. It makes sense to choose the path of least resistance especially since I don't really see any difference between the three.
As for Express and Node, all I know is that Express is there to serve HTTP requests and Node is there for the backend and managing releases. I've heard about them, rad a little about them, but never really gotten my feet wet trying them. I expect to spend some time learning about these two.
The only code that I've written today is just a static index.html page. While there's nothing special about this page, I am quite proud to have the sudden inspiration of using the navigation bar to guide the user experience. Though it is unlikely to be anything original, I'm just happy that I've come to this conclusion on my own 😁
I'm also leaving a link to my Github repository here, just in case anyone is interested.
I'll probably spend tomorrow learning more about VueJS and converting my existing pages.