You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+20-20Lines changed: 20 additions & 20 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -7,26 +7,6 @@ A simple and elegant To-Do List application built as part of [The Odin Project](
7
7
-**Task Management**: Add, edit, and remove tasks with attributes such as title, description, due date, and priority.
8
8
-**Dynamic UI**: Responsive interface that displays tasks by project, with different colors for priorities.
9
9
-**Modular Design**: Classes and functions are separated into different modules, keeping the code clean and maintainable.
10
-
11
-
## What I Learned
12
-
13
-
### Building from Scratch, No Frameworks
14
-
While a to-do list application is often seen as a basic and cliché project, this experience was invaluable because I built it **without using any frameworks**. By relying solely on vanilla JavaScript, HTML, and CSS, I gained a deeper understanding of:
15
-
-**DOM Manipulation**: Handling user interactions and updating the UI manually without the convenience of frameworks helped me learn what goes on under the hood of a framework.
16
-
-**Project Structure**: Organizing code into classes and modules, ensuring maintainability and scalability.
17
-
-**Advanced css concepts**: By building the UI from scratch without using any templates or frameworks, I learned advanced CSS concepts like Flexbox and Grid, which helped me create a responsive and well-structured layout for the application.:
18
-
19
-
### SOLID Principles
20
-
-**Single Responsibility Principle**: Each class and module has a single responsibility, making the code easier to manage and extend.
21
-
-**Event-Driven Programming**: Working with JavaScript's event system to create a dynamic, interactive user experience.
22
-
-**Open/Closed Principle**: The code is open for extension but closed for modification, allowing new features to be added without altering existing functionality.
23
-
24
-
### Object-Oriented Programming in JavaScript
25
-
-**Classes and Modules**: I learned how to create and manage multiple classes in separate modules, improving code organization.
26
-
-**Constructors**: Utilized constructors to initialize objects and understand how they work in JavaScript to create reusable task instances.
27
-
28
-
### Separation of Concerns
29
-
-**UI vs. Logic**: I split the application logic (task management, project handling) from the user interface, adhering to best practices in code separation. This makes the code more scalable and easier to maintain.
30
10
31
11
## Project Demo
32
12
You can view the live version of the project [here](https://codedstrings.github.io/odin-ToDo/).
@@ -48,6 +28,26 @@ You can view the live version of the project [here](https://codedstrings.github.
48
28
```bash
49
29
npm run dev
50
30
```
31
+
32
+
## What I Learned
33
+
34
+
### Building from Scratch, No Frameworks
35
+
While a to-do list application is often seen as a basic and cliché project, this experience was invaluable because I built it **without using any frameworks**. By relying solely on vanilla JavaScript, HTML, and CSS, I gained a deeper understanding of:
36
+
- **DOM Manipulation**: Handling user interactions and updating the UI manually without the convenience of frameworks helped me learn what goes on under the hood of a framework.
37
+
- **Project Structure**: Organizing code into classes and modules, ensuring maintainability and scalability.
38
+
- **Advanced css concepts**: By building the UI from scratch without using any templates or frameworks, I learned advanced CSS concepts like Flexbox and Grid, which helped me create a responsive and well-structured layout for the application.:
39
+
40
+
### SOLID Principles
41
+
- **Single Responsibility Principle**: Each class and module has a single responsibility, making the code easier to manage and extend.
42
+
- **Event-Driven Programming**: Working with JavaScript's event system to create a dynamic, interactive user experience.
43
+
- **Open/Closed Principle**: The code is open for extension but closed for modification, allowing new features to be added without altering existing functionality.
44
+
45
+
### Object-Oriented Programming in JavaScript
46
+
- **Classes and Modules**: I learned how to create and manage multiple classes in separate modules, improving code organization.
47
+
- **Constructors**: Utilized constructors to initialize objects and understand how they work in JavaScript to create reusable task instances.
48
+
49
+
### Separation of Concerns
50
+
- **UI vs. Logic**: I split the application logic (task management, project handling) from the user interface, adhering to best practices in code separation. This makes the code more scalable and easier to maintain.
51
51
52
52
## Future Improvements
53
53
- Add local storage support to persist data between sessions.
0 commit comments