Todo App ✅

Description

A minimal yet functional single-page Todo application built with React and TypeScript. The app allows users to create, edit, delete, and filter tasks with a clean and responsive UI. It’s structured using reusable components and follows best practices for state management and modular design. This project is aimed at practicing frontend development concepts.

Live Demo

Experience the live website: Todo App Demo

Technologies Used

• HTML5
• CSS3
• SCSS
• React
• TypeScript
• Git
• Vite

Features

• Task Management: Add, complete, delete, and edit todos.
• Filters: Toggle between All, Active, and Completed task views.
• Responsive Design: Optimized layout for all screen sizes including mobile and tablets.
• Clear Completed: Button to remove all completed tasks at once.
• Input Validation: Prevents empty task submissions.

Getting Started

Follow these steps to run the project locally:

1. Clone the repository

git clone https://github.com/VladTk/todo-app.git
cd todo-app

2. Install dependencies

Using npm:

npm install

Or using yarn:

yarn install

3. Run the development server

Using npm:

npm start

Or using yarn:

yarn start

The application will be available at http://localhost:5173/ by default.

Preview