The distribution of size of files (measured in lines of code).
Intro
- File size measurements show the distribution of size of files.
- Files are classified in four categories based on their size (lines of code): 1-100 (very small files), 101-200 (small files), 201-500 (medium size files), 501-1000 (long files), 1001+(very long files).
- It is a good practice to keep files small. Long files may become "bloaters", code that have increased to such gargantuan proportions that they are hard to work with.
File Size Overall
- There are 28 files with 1,729 lines of code.
- 0 very long files (0 lines of code)
- 0 long files (0 lines of code)
- 0 medium size files (0 lines of codeclsfd_ftr_w_mp_ins)
- 5 small files (624 lines of code)
- 23 very small files (1,105 lines of code)
Legend:
1001+
501-1000
201-500
101-200
1-100
explore: zoomable circles | sunburst | 3D view
File Size per Extension
1001+
501-1000
201-500
101-200
1-100
File Size per Logical Decomposition
primary
Longest Files (Top 28)
| File | # lines | # units |
|---|---|---|
 Register.js in src/components/auth |
143 | - |
PhotosAdmin.js in src/components |
141 | 3 |
ForgotPasswordVerification.js in src/components/auth |
117 | 1 |
ChangePassword.js in src/components/auth |
117 | - |
Photos.js in src/components/photos |
106 | 3 |
FileTable.js in src/components/table |
100 | - |
LogIn.js in src/components/auth |
99 | - |
VerifyAccount.js in src/components/auth |
98 | 1 |
App.js in src |
96 | - |
serviceWorker.js in src |
92 | 4 |
ForgotPassword.js in src/components/auth |
84 | - |
 App.css in src |
81 | - |
ResendVerification.js in src/components/auth |
79 | - |
formValidation.js in src/lib |
56 | 1 |
Navbar.js in src/components |
54 | 1 |
HomeContent.js in src/components/home |
42 | 1 |
index.js in src |
39 | 1 |
FormErrors.js in src/components |
37 | 1 |
ProfileAdmin.js in src/components |
32 | 1 |
 index.html in public |
18 | - |
Home.js in src/components |
16 | 1 |
Welcome.js in src/components/auth |
15 | 1 |
columns.js in src/components/table |
14 | - |
ChangePasswordConfirm.js in src/components/auth |
14 | 1 |
Checkbox.js in src/components/table |
13 | - |
Hero.js in src/components/home |
12 | 1 |
Footer.js in src/components |
10 | - |
index.css in src |
4 | - |
Files With Most Units (Top 15)
| File | # lines | # units |
|---|---|---|
serviceWorker.js in src |
92 | 4 |
Photos.js in src/components/photos |
106 | 3 |
PhotosAdmin.js in src/components |
141 | 3 |
formValidation.js in src/lib |
56 | 1 |
index.js in src |
39 | 1 |
Navbar.js in src/components |
54 | 1 |
ChangePasswordConfirm.js in src/components/auth |
14 | 1 |
VerifyAccount.js in src/components/auth |
98 | 1 |
ForgotPasswordVerification.js in src/components/auth |
117 | 1 |
Welcome.js in src/components/auth |
15 | 1 |
FormErrors.js in src/components |
37 | 1 |
Home.js in src/components |
16 | 1 |
Hero.js in src/components/home |
12 | 1 |
HomeContent.js in src/components/home |
42 | 1 |
ProfileAdmin.js in src/components |
32 | 1 |
Files With Long Lines (Top 3)
There are 3 files with lines longer than 120 characters. In total, there are 5 long lines.
| File | # lines | # units | # long lines |
|---|---|---|---|
HomeContent.js in src/components/home |
42 | 1 | 3 |
Navbar.js in src/components |
54 | 1 | 1 |
Welcome.js in src/components/auth |
15 | 1 | 1 |