All the core and common stylesheets (.css), fonts (.ttf, .otf), image (.jpg, .png, ..), javascript (.js) and sass (.scss) files are placed inside the assets folder. Sub-folders can be created inside these directories for better management.
ROOT |- assets |- css/ |- fonts/ |- img/ |- js/ |- vendor [optional folder to store 3rd party css, js or plugins] |- css |- js |- sass/
All files containing necessary (minimum required for this repository to run on a local server) table structures (.sql, ..) are placed inside sql folder.
ROOT |- sql/
All files performing database operations or server-side operations are placed inside server folder. Sub-folders can be created inside this directory for better management.
ROOT |- server/
A new web page can be made at ROOT level or a group of similar webpages inside a separate folder at ROOT level.
Example: ROOT |- index.html (single web page at ROOT level) OR ROOT |- dashboard (group of similar webpages inside a separate directory) |- index.html |- similar-webpage.html |- another-page.html TIP: When using a separate folder, additional css and js folders may be created inside this directory specially for the web pages inside the directory Example: ROOT |- dashboard |- css/ |- js/ |- index.html |- similar-webpage.html
Files that are common to other files (or which are needed to be included in other pages) are stored inside includes folder.
ROOT |- includes/ |- dashboard |- includes/ (can also be made inside a directory exclusively for the files inside the directory)