https://github.com/mell62/todo-list

Enter your memory palace, and magically get everything done!
https://github.com/mell62/todo-list

css es6-modules flexbox grid html javascript json localstorage solid-principles webpack

Last synced: about 1 month ago
JSON representation

Enter your memory palace, and magically get everything done!

• Host: GitHub
• URL: https://github.com/mell62/todo-list
• Owner: mell62
• Created: 2024-06-15T15:13:16.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-09-09T18:03:05.000Z (5 months ago)
• Last Synced: 2024-11-07T13:14:40.124Z (3 months ago)
• Topics: css, es6-modules, flexbox, grid, html, javascript, json, localstorage, solid-principles, webpack
• Language: JavaScript
• Homepage: https://mell62.github.io/todo-list/
• Size: 347 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Todo List

Enter the Memory Palace, a web application designed to record todo items, related projects and any important notes. This is implemented using HTML, CSS, JavaScript and Webpack, showcasing various levels on DOM manipulation through JavaScript, implementation of **Single Responsibility principle** and the implementation of **Local Storage**.

Check it out :point_right:[here!](https://mell62.github.io/todo-list/):point_left:

![webpage-screenshot](./src/images/screenshot.png)

## :joystick: Features

- Tasks, associated with at least one project

- Notes

- Multiple-tab browsing

- Local storage saves your stuff

- Tasks are sorted priority-wise

- Edit any attributes of or delete any task or note

- Filter tasks pending for today or pending for this week (Upcoming)

- Filter tasks according to its project

- Edit only one task at a time

## :tada: Achievements

- **Webpack** is utilized for the bundling of code of multiple files through ES6 Modules and minification

- **Local Storage** is implemented to add persistence to the application, for both tasks and notes

- Usage of **JSON methods** to implement local storage

- **Single responsibility principle** applied to develop many functions and modules

## :magic_wand: Extras!

- Delete or rename projects at one go

- Due dates prior to today cannot be selected

- Works even when local storage is disabled within the browser

## :page_with_curl: Note

- Modern normalize is used for cross-browser consistency