https://github.com/bdelucia/odin-todo

JS Webpack project with dynamically created projects with tasks/to-do objects. Stored projects in localStorage
https://github.com/bdelucia/odin-todo

crud html-css-javascript localstorage the-odin-project todolist webpack

Last synced: 3 days ago
JSON representation

JS Webpack project with dynamically created projects with tasks/to-do objects. Stored projects in localStorage

• Host: GitHub
• URL: https://github.com/bdelucia/odin-todo
• Owner: bdelucia
• Created: 2025-01-02T08:19:00.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2025-02-06T02:47:59.000Z (8 days ago)
• Last Synced: 2025-02-06T03:31:15.021Z (8 days ago)
• Topics: crud, html-css-javascript, localstorage, the-odin-project, todolist, webpack
• Language: JavaScript
• Homepage: https://bdelucia.github.io/odin-todo/
• Size: 18.3 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
A to-do/tasks JavaScript website that allows organization by project as well as priority and due date. Done for The Odin Project's Intermediate JavaScript module

In this project I utilized:

1. Webpack

2. Custom Node.JS scripts to run a live dev server

3. Encapsulation via modules

4. Factory functions

5. CSS Grid and Flexbox

6. Basic OOP (making some variables private with closure)

Things I learned:

1. S.O.L.I.D clean code (really eye opening, ended up creating a lot of little functions that made my more substantial functions cleaner to read)

2. Using 'return' in a forEach loop does NOT exit the function the forEach loop is in, only the forEach loop itself (this bug took me a day to fix haha)

3. ChatGPT is really good for generating CSS. Thanks ChatGPT and please don't kill me in the AI uprising

4. Modules are awesome for cleaner code, they are basically like .h files in C++