📋 React Todo App

This is a simple Todo App built with React + TypeScript that interacts with an external API. It supports full CRUD operations for todos, including filtering and error handling.

🔗 DEMO LINK

🛠️ Tech Stack

• React
• TypeScript
• React
• Vite
• SCSS
• ESLint
• Prettier
• Stylelint

🚀 Getting Started

Follow these steps to set up and run the project locally:

1. Clone the Repository

git clone https://github.com/radykhovska/Todo-app_react.git

cd Todo-app_react

2. Install Dependencies

npm install

3. Run the Server

npm start

🚀 Features

• 🔄 Load Todos from API using a unique userId
• ➕ Add new tasks with instant feedback
• ❌ Delete tasks with a smooth UX
• ✏️ Rename (edit) tasks inline
• ✅ Toggle completion status
• 🔍 Filter tasks by:
  • All
  • Active
  • Completed
• 🔢 Active task counter
• ⚠️ Error notifications with auto-hide
• ⏳ Loading spinners and input disabling during API requests
• 🔄 Prevent duplicate requests and accidental double actions
• 🎯 Focused inputs for faster UX