2du is a todo app designed using HTML,CSS and Javascript.

The project follows the guideline of the odin project to build a todo app using javascript for DOM manipulation and interaction. It uses javascript objects and functions. It uses webpack. It also uses Bootstrap for user interface design.

It demonstrates the use of Object Oriented Programming principle in javascript.

Features:

• Add project

• Add todo

• Edit todo

• Update todo status as completed or incomplete todo

• Delete todo

• Undo delete todo feature which restores last deleted todo

• Selecting Todos by Projects

• Filtering Todos by:

  • Active Task,
  • Due Task,
  • Completed Task, and
  • Incomplete Task

• Sorting Todos by:

  • Oldest Todos to newest Todos,
  • Newest Todos to Oldest Todos and
  • Priority (Lowest to Highest priority)
  • Priority (Highest to Lowest priority)

• Search todo feature

• HTML

  • Semantic HTML

• CSS

  • CSS Flexbox

• Bootstrap framework

• Javascript

  • DOM manipulation APIs (i.e: querySelector(), createElement(), setAttribute() and more);
  • Arrow function.
  • Destructuring assignment.
  • Spread Operator
  • Object literal
  • Template literal
  • Factory functions
  • .filter() method
  • sort() method
  • Ternary Operators and more ES6 based syntax.

• Webpack

• stylint

• NPM

• Jest

2du

• Clone the project

git clone https://github.com/adejam/2du.git

• Install Dependencies

npm install

To run StyleLint by itself, you may run the lint task:

npm run lint:check

Or to automatically fix issues found (where possible):

npm run lint

You can also check against Prettier:

npm run format:check

and to have it actually fix (to the best of its ability) any format issues, run:

npm run format

You can also check against HTML Validator:

npm run html-validator

You can also build with webpack:

npm run build

• CSS Style Guide
• HTML Style Guide
• JavaScript Style Guide
• Git Style Guide

• Github: @adejam
• Twitter: @adeleye_oj
• LinkedIn: @adeleye-jamiu

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

Give a ⭐️ if you like this project!

• @bolah2009

• The Odin ProJect

• W3c

• MDN

• w3schools

• Bootstrap framework

MIT licensed.