1. Web & Mobile App Directory Structure
Imran Rashid
CTO at ManiWeber Technologies

2. Outline
Root Folder
Naming Conventions
Web or Mobile App Structure

3. Root Folder

4. Root Folder
Every time you create a new web or mobile app make sure you create a folder know as root folder
Give it a meaningful name so that when you are working with multiple projects, can uniquely identify each project
tic_tac_toe
gims
shopping_cart

5. Naming Conventions

6. Naming Conventions
Don’t write special characters anywhere in your folder or file name
Don’t use hyphens (-), use underscores (_) instead
Don’t add spaces in the names of files or folders
Replace spaces with underscores (_)
Try to use same case either capital or small for all files and folders
Recommended way is to use small case letters all over
Either it’s a name of a file or folder, use same naming conventions for all of you app or site assets

7. Naming Conventions tic_tac_toe gims shopping_cart index.html
favicon.ico
styles.css
scripts.js

8. Web or Mobile App Structure

9. Web or Mobile App Structure
logo.png
app_name
images
favicon.ico
styles.css
css
scripts.js js
index.html

10. Any ?