Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/kinstl/bogdan-todo_app
- Owner: kinstl
- Created: 2024-02-03T17:38:05.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-02-05T12:34:52.000Z (12 months ago)
- Last Synced: 2024-11-10T11:13:11.742Z (3 months ago)
- Topics: cssmodules-react, reactjs
- Language: JavaScript
- Homepage: https://kinstl.github.io/Bogdan-Todo_App/
- Size: 1.04 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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.