Skip to content

anyruizd/my-todo-app

Repository files navigation

My Todo App

This is my own version of the simple To-Do app πŸ“. It was built using vanilla JavaScript ✨.

Alt Text

Things I learned

The main purpose of creating this app was to practice and acquire new skills in vanilla javascript. This is a vague list of things I learned:

  • Configure Webpack, Babel, ESLint and Jest.
  • Single responsibility principle creating components that received props and returned HTML elements.
  • Function composition.
  • Some design patterns such as publish/subscribe and factory functions.
  • Vanilla state management using my very own pub/sub implementation.
  • Testing and mocking with Jest.
  • Dependency injection by using factory pattern to make components easier to test.

How does it work?

This app requires at least Node v12.

Install dependencies β³πŸ“‰

$ npm install

Run the local environment πŸŒŽπŸ‘©πŸ»β€πŸ’»

$ npm start

Run the tests and watch πŸ”ŽπŸ“ˆ

$ npm run test-dev

Acknowledgment

I would like to give a shout-out to Romel PΓ©rez for his invaluable help, for being such a great mentor, and for leading me to apply the best development practices in this project.

About

My todo app πŸ“ built in vanilla javascript ✨ https://anyruizd.me/my-todo-app/

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published