Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/sameerkali/todo_ace

Todo Ace is a simply advanced todo list application built with React 18 and TypeScript.
https://github.com/sameerkali/todo_ace

happycoding hardwork hooks javascript javascript-library json latest open-source react react18 styled-components testing typescript

Last synced: about 3 hours ago
JSON representation

Todo Ace is a simply advanced todo list application built with React 18 and TypeScript.

Awesome Lists containing this project

README

        

# Todo_Ace
Todo Ace is a simply advanced todo list application built with React 18 and TypeScript.
# Todo Ace [live](https://react-todo-youtube-h8vc.vercel.app/)

Todo Ace is a simple todo list application built with React 18 and TypeScript.

## Features

- Add, edit, and delete tasks
- Mark tasks as completed
- Filter tasks by status
- Responsive and user-friendly interface

## Technologies Used

- [React 18](https://reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [Vite](https://vite.com/)

## Installation

1. Clone the repository:

```bash
git clone https://github.com/your-username/todo-ace.git
```
```bash
cd todo-ace
```
```bash
npm install
```
```bash
npm run dev
```
# Usage
Add a new task by typing into the input field and pressing Enter.
Edit a task by clicking on it and modifying the text.
Mark a task as completed by clicking the checkbox next to it.
Delete a task by clicking the delete button next to it.
Use the filter options to view tasks based on their completion status.

## Contributing

Contributions are welcome! If you'd like to contribute:
1. Fork the repository
2. Create a new branch: `git checkout -b feature-name`
3. Make your changes and commit them: `git commit -m 'Add new feature'`
4. Push to the branch: `git push origin feature-name`
5. Create a pull request

## License
This project is licensed under the MIT License - see the LICENSE file for details.

---
make with ~~lust~~ love 💖 by @sameerkali