Create Application to organize code snippets and ideas for future use in building applications in php and js Developers tool chest to be able to find reusable code Topics: Error handling - debug statements (line number and function call in - set by setting a global debug value in range of 1-10: 0 - no debug info 1- least 10 - most info - php and js logging - debugger statements - error messages using: - Drag and Drop between two columns -Load - from file: txt,csv, json, html (snippet) Navbar options Toolbar options Templates - tabs, cards, tables,dashboard, - basic - cors, fontawesome, bs5 responsive, tabs, cards Login - Simple - Database Tables - standard, fixed heading/footer, datatables, search and highlight Utilities - Spinner - Top/Bottom icon floating Functions - php - js - load data from file: csv, json, db, txt, html, lsr, pdf etc to table or div - how to pass information from php to js Documentation - overview.html that links to each doc description/purpose of each file - Readme Overview what trying to accomplish - reason for being/doing/creating; - features - requirements - code doc - functions doc - define file found in; description; usage/ - workflow - future ideas - lessons learned create .txt files; add folder docs; add visuals ; and overview table you previously used visually diagram how these functions connect across modules and generate mock headers for each JS file? cross-reference which functions trigger others to build out call trees Third Party - Datatables - fontawesome - jquery - music - weather - mail - gmail/outlook other Datatable Options - turn on off (standard table to DT) - Search global, by Column, search at top of table - Fixed header - rearrange columns save as display option for user in this app and table - hide/show columns - custom views (pre defined views global vs personal) Personalizations - Store locally or in db - theme, debugLevel, Admin - get user personalization settings; - ability to change user settings from admin - Crud user - Change Password: user admin for all users Themes - ability to change themes - use bootstrap themes - custom theme options - Dark Mode Development Rules - Modular code - seperate ui from processing - seperate major functions in differ includes (navBar, toolBar, footer, header,help,logins, validation, forms? - define html template sections: divFooter, divHeader, divBody, divNavBar, divToolBar, divBodyHeader, divBodyMain, divBodyFooter - navBar sections: File/Edit, User Info, Login/out - when to use modals - TOS violations check for 3rd party usage - have error handling - show spinner on slow transactions (for all ajax,fetch events) - Directory structure: appName/; subDirectories: css/ data/ logs/ js/ php/ test/ docs/ readme.txt; standard files connDb.php, default.php default.js (default values) define what kind of files go in each directory (utility vs standalone) Pro/Cons - jquery vs native - jq.ready vs native Login - Simple 1 password - database - define levels of authorization - login expires, password expires, group association, - recognize device so don't have to relogin every x days - log who uses each app; check for abuse; keep ip address, login info Apps keep recreating - playlist for: music, files, videos, jpg - slideshow - login - security Command Line tools - runsh - find all directories update in x days Working On Tool Create tools to monitor what I am working by using cmdline and php app to check out fileName: workingOn.json: appName, directory, startUp, secondaryLink, comment, status(new,updated, other) -fileName: workingOn.php reads workingOn.json shows what I am working on from json. organized Dates/name ability to sort json Data cmdLine tool: workJson.sh to create json file: pass argument for start dir, daysOld, daysLastUpdated,; find directories then look for index.php in directory or pick first php entry with name of directory; store in workingOn.json; ability to edit; if re-run don't change links only add new directories; show in different color to show update; ability to open link in modal to see if that is one you want; option to show all files in dir to pick which to run; may need more than 1 per dir as option have an option to change maxdepth ; set default to 3; add new field to json date of startup file: date and time; add option that if not index file to newest file rather than firest php Common Problems - cant write file due integrity value of bs.js - flash of unstyled content" (FOUC) - page not showing correct info