Enhancement opportunity: To-do-List
Closed this issue · 1 comments
Highlights
✔ Linters check passed
✔Descriptive README.md file
✔ Proper implementation of add, remove, checked, and edit functionality
Issues:
Issue | File |
---|---|
1 | index.html |
2 | style.css |
3 | localstorage.js |
4 | completedCheck.js |
Issue on style.css:
-
display: flex; align-items: center;
is repeated inbody
,.title
, and.new-task
These properties can be grouped and written in a single block as,
-
border-bottom: 2px solid lightgray;
is repeated three times in.title
,.new-task
and
These properties can be grouped and written only once.
-
cursor: pointer
is used five times in the file specifically in.title > i
,#press-enter
,.task-row > input
,.task-row i
, and#clear-button
- Don't Repeat Yourself, targetbutton
,i
andinput
and grouped them together. -
color: rgba(0, 0, 0, 0.25)
is used three times specifically in.title > i
,#press-enter
and.task-row i
- Don't Repeat Yourself, targetbutton
,i
andinput
and grouped them together. -
border: none;
is used four times specifically ininput[type=text]
,#press-enter
,.task-row .options button
and#clear-button
- Don't Repeat Yourself, targetbutton
,p
andinput
and grouped them together.
Issue in localstorage.js:
Applied every issues mentioned above