kinstl/bogdan-todo_app

A sleek and user-friendly React-based Todo app that allows for efficient task management with features for reading, editing, and marking off tasks. It sports a dark theme and tracks completed activities.

Bogdan-Todo_App

Overview

This Todo application, built using React, offers a simple and intuitive interface for managing your daily tasks. The application provides a dark-themed user interface that allows users to add, delete, and mark tasks as completed.

Features

• Add New Tasks: Users can enter new tasks into the input field and submit them to the list by clicking the 'Submit' button.
• Task List: Tasks are displayed in a list format, each with a checkbox and delete option.
• Delete Tasks: Tasks can be removed from the list by clicking the delete icon.
• Task Completion: Users can mark tasks as completed by clicking the checkbox next to the task. Completed tasks are visually distinguished and moved to the bottom of the list.
• Completion Counter: The application keeps track of the number of completed tasks and displays this count to the user.

Usage

1. Adding a Task: Simply type in the task in the 'Enter new todo' field and click 'Submit'.
2. Deleting a Task: Click on the trash can icon to remove a task from the list.
3. Completing a Task: Click on the checkbox to mark a task as completed. Completed tasks will be checked off and moved to the bottom of the list.

Installation

To run this application on your local machine:

1. Clone the repository to your local machine.
2. Navigate to the cloned directory via your terminal.
3. Run npm install to install all the required dependencies.
4. After the installation is complete, run npm start to start the application in your local development server.