What tools and approach to web application development should you choose?

Question

JavaScript

Recently developed a simple web application, although even that is a big word. In fact, the task was as follows:
There is a database with several tables, the task was to be able to build a fast and interactive web plate based on a database table, with the following features:
- hiding / displaying columns
- filtering and sorting by any columns (by all table data , and not just displayed)
- different formatting of data depending on the values
​​- the ability to select certain rows of the table with moving the selected ones up the list
All of the above should be done without reloading the site pages. Plus, in certain places, loading data from other database tables without reloading pages.
Well, I did all this work and everything turned out exactly as I wanted:
The toolkit was chosen as follows:
- AngularJS
- Bootsrap
- PHP
- Data exchange between the client and the JSON server.
Actually, the task was solved, but now I want to move on, add functionality, etc.
But, if for the first time the task was just to do it as quickly as possible, now I want to make a convenient application not only for use, but also for development, testing and expansion. In addition, in general, I want to write a new version from scratch, since in the current one I already run into the complexity of the extension, since everything was written almost in a hurry.
Actually, I ask you to give me simple practical advice on how to organize a project so that it is easy to develop, maintain and expand:
- organization of project files (what advise)
- organization of interaction with the database (organization of the database itself)
- mechanism for connecting and using individual modules (through functions, classes, etc.)
- other tips from experienced
Toolkit, which I am going to use again:
- MySQL database
- php server
- angularJS front, javascript, AJAX (I would like to do without jquery)
- css is a mandatory requirement for mobile first. I will also give advice here, the first project was on bootstrap, but now I’m looking at w3.css, it seems to be simpler and I found a ready-made template that suits me.
Also, to make it clear, my level of knowledge of the theory is the passage of a cycle of courses with W3school + experience in implementing the described project. Initially, I came to the web from Joomla, I have a lot of experience, but in terms of fundamental knowledge, as is already clear from the top.
That is why I ask you to give simple practical advice, and not send me to study, read, etc.
Thank you.

Answer 1

If I were you, I would ditch Angular and use jQuery instead. IMHO, for those tasks it is superfluous.
As for interaction with the server - look towards sockets, they are best suited.
And give up PHP - it's good for relatively static pages, not for a web application

Answer 2

For the first angular and front part, I can advise
https://github.com/rwwagner90/angular-styleguide-es6
https://www.sitepoint.com/writing-angularjs-apps-u...
I use two boilerplates, both have there are both disadvantages and advantages
https://github.com/angularclass/NG6-starter
https://github.com/nevech/generator-genlys
Not an adviser on backing.