🍦 Vanilla To-do

Just what the world needed - yet another "To-do app".

This "app" is made in Vanilla JavaScript, meaning no frontend framework/library was used.

Vanilla To-do supports:

• ✅ Moving task position
• ✅ Saving tasks in local storage
• ✅ Deleting all completed tasks
• ✅ Dark mode
• ✅ Sick animations (Shout out, AutoAnimate)
• ✅ Selecting emojis in multiple skin colors (Shout out, emoji-picker-element )
• ✅ Inspirational quotes to get the juices flowing (Shout out, Quotable.io API)

Live demo

🔗 URL: https://vanilla-to-do-app.netlify.app/

Screenshots

Dependencies

It has two dependencies:

• AutoAnimate - used to add that sweet animation.
• emoji-picker-element - used for the task emoji picker.

The "app" also uses the Quotable.io API to fetch a random, inspirational quote. If it fails to fetch, it will set a default quote.

Dev dependencies

• copy-webpack-plugin
• html-webpack-plugin
• webpack-cli
• webpack-dev-server

Installation

Clone this project and install dependencies using npm, yarn, or pnpm.

To view the project locally run the serve script.

# npm
  npm install
  npm run serve

#yarn
  yarn install
  yarn run serve

#pnpm
  pnpm install
  pnpm run serve

Author

Made by Kasper Andreassen

• GitHub: @kasperadk
• Web: kasper.dk
• LinkedIn: Kasper Andreassen

License

MIT