Skip to content

YevheniiKa/todo-app

Repository files navigation

📝 Todo App (React + TypeScript)

A Todo App built with React + TypeScript, styled with Sass & Bulma, using FontAwesome icons and API from Mate Academy.


🔗 Live Demo

Open Todo App

🚀 Features

  • ✨ Add new todos
  • ❌ Delete individual todos or all completed todos
  • ✏️ Edit todo titles
  • ✅ Mark todos as completed or not completed
  • 🔄 Toggle all todos at once
  • 🔍 Filter todos: All | Active | Completed
  • 🎨 Smooth animations for adding/removing todos
  • ⏳ Loaders during async actions
  • ⚠️ Input validation and error messages

🛠 Tech Stack

  • React 18 + TypeScript
  • Vite 5 (fast bundler)
  • Bulma (CSS framework) + Sass
  • FontAwesome (icons)
  • classnames (CSS class management)
  • react-transition-group (animations)
  • Cypress (testing)
  • ESLint + Prettier + Stylelint (code formatting & linting)

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages