📝 ToDo List — React Application for Task Management

Live Demo: arina-vas.github.io/todolist

Overview

ToDo List is a single-page web application (SPA) that allows users to manage their personal tasks after authentication.
It interacts with a remote API and leverages modern tools for state management, data validation, and routing.
The app is built with a focus on clean architecture, responsive UI, and a smooth user experience.

🔑 Key Features

• 🔐 User authentication (login via email and password)
• 📋 Fetch and display tasks from an external API
• ➕ Create new tasks
• 📝 Edit and delete existing tasks
• ✅ Toggle task completion status
• 🔍 Filter tasks by status: all / active / completed
• ⚠️ Handle loading and error states

🛠 Tech Stack

• React — UI development
• Redux Toolkit + RTK Query — state management and API handling
• React Router — client-side routing (login / task pages)
• Zod — schema-based form and response validation
• CSS / CSS Modules — styling and layout
• TypeScript — static typing for safer code

IT-INCUBATOR Todolist Project

React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite.

Getting Started

1. Install dependencies:

pnpm i

2. Start app:

pnpm dev

Open http://localhost:3000 with your browser to see the result.

Happy hacking 🚀