Skip to content

Demtar23/todo_app

Repository files navigation

Todo App

A responsive Todo application built with React and TypeScript. Supports single and batch updates, server requests, and full state management.

Live Demo: Todo App

Technologies Used

Core

  • React (v18.3.1) — UI library
  • TypeScript (v5.2.2) — Static type safety
  • Sass (SCSS) — Styling preprocessor
  • Bulma — CSS framework

UI / UX

  • Font Awesome — Icons
  • classnames — Conditional class management

Development & Code Quality

  • Vite (v5.3.1) — Build tool & dev server
  • ESLint — Code linting
  • Prettier — Code formatting
  • Stylelint — CSS/SCSS linting

Testing

  • Cypress — End-to-end testing

Deployment

  • GitHub Pages — Hosting & deployment

Setup & Run Locally

Clone the repository:

git clone https://github.com/Demtar23/todo_app.git
cd todo_app

### Install dependencies:

npm install
# or
yarn install

### Run the project locally:

npm start
# or
yarn start

### Build for production:

npm run build
# or
yarn build

Features

  • Add, edit, and delete todos
  • Mark todos as active or completed
  • Batch updates (mark all todos as active or completed)
  • Filter todos by status: All / Active / Completed
  • Persist state between sessions
  • Smooth animations and transitions
  • Error handling for server requests

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors