Todo App

This is a simple Todo App built using Vite, React, and TypeScript. It allows you to create, manage, and track your daily tasks efficiently.

Demo

Click here to view a live demo of the Todo App.

Features

  • Create new tasks with titles and optional descriptions.
  • Mark tasks as completed.
  • Edit existing tasks.
  • Delete tasks.
  • Filter tasks based on their completion status.

Technologies Used

  • Vite: A fast build tool for modern web development.
  • React: A JavaScript library for building user interfaces.
  • TypeScript: A typed superset of JavaScript that compiles to plain JavaScript.

Getting Started

To get started with the Todo App, follow these steps:

  1. Clone the repository:

    git clone https://github.com/andriibezkorovainyi/todo_app.git
    
  2. Install the dependencies:

    npm install
    
  3. Run the app:

    npm run dev
    

    This will start the development server and provide you with a local URL where you can access the Todo App in your browser.

Start managing your tasks:

  1. Open the provided local URL in your browser.
  2. Use the user interface to create new tasks, mark them as completed, edit existing tasks, or delete tasks.
  3. Use the filter options to view tasks based on their completion status.

Build

To build the production-ready version of the Todo App, use the following command:

npm run build

This will generate the optimized and minified version of the app in the dist directory.

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License.