Skip to content

Commit 41cdaca

Browse files
authored
Update README.md
1 parent bd76281 commit 41cdaca

1 file changed

Lines changed: 20 additions & 20 deletions

File tree

README.md

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -7,26 +7,6 @@ A simple and elegant To-Do List application built as part of [The Odin Project](
77
- **Task Management**: Add, edit, and remove tasks with attributes such as title, description, due date, and priority.
88
- **Dynamic UI**: Responsive interface that displays tasks by project, with different colors for priorities.
99
- **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.
3010

3111
## Project Demo
3212
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.
4828
```bash
4929
npm run dev
5030
```
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.
5151
5252
## Future Improvements
5353
- Add local storage support to persist data between sessions.

0 commit comments

Comments
 (0)