Skip to content

re-creating the same Todo List app in different technologies

License

Notifications You must be signed in to change notification settings

AndyN9/todo-list-apps

Repository files navigation

todo-list-apps

Sooo many todos; yet sooo little time. A collection of the same todo list app re-created using different technologies (JavaScript frameworks). Inspired by Web Dev Simplified and TodoMVC.

Spec

App will:

  • load initial todo tasks from localStorage
  • render todo tasks to a unordered list as list items
  • user can add to todo task to list via
    • input field and 'Add' submit button
  • user can remove specific todo task from list via
    • respective todo task list item 'Remove' anchor link

Current Implementations

Vite is used in all implementation as the frontend bundler.

  • Vanilla
  • Typescript
  • React
  • Typescript & React

Installation

// change directory to an implementation
cd [implementation]

// local development
npm install
npm run dev

// local build and preview
npm run build
npm run preview

// unit tests
npm run test

// e2e tests; change directory to project root
cd ..
npm install
// run all implementation e2e tests (from project root)
npm run test
// run a single implementation e2e
npm run test:[implementation]

License

MIT

About

re-creating the same Todo List app in different technologies

Resources

License

Stars

Watchers

Forks