Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/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.
https://github.com/kinstl/bogdan-todo_app

cssmodules-react reactjs

Last synced: 22 days ago
JSON representation

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.

Awesome Lists containing this project

README

        

# 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.