This is a SPA practice using Flask (REST backend) + vue.js (front end)
is a mockup for an app that I am going to build eventually. Although simplified, it essentially has all the components I need:
- an input to put in some identifiers
- a series of operations on selected identifiers
- and a table that tracks them. The table rows also need to be selectable for manipulation.
I choose Flask to make REST API that takes a list of integers, save them into a database, and depends on what button is press increment or double it.
I choose Vue.js as front end to handle the UI and user input. I don't know much about javascript yet, and vue.js looks less confusion that other choices. Wish me luck!
- make the REST API. It is simple enough although it is my first attempt. I hope it is a right start.
- test the API with curl. so far so good.
- make UI with VueJS:
- learn VueJS - read the document
- try it out - this and this might help
- Encounter problem, read the document again, fix the issue and document it
- repeat until done