https://github.com/sameerkali/todo_ace

Introducing Todo Ace: 🚀 A stylish, advanced todo app crafted with React 18 and TypeScript. Organize tasks effortlessly with three tabs—📝 pending, ✅ completed, and 🗂️ all tasks. Enjoy a convenient delete feature and an impressive UI for seamless task management.
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 1 month ago
JSON representation

Introducing Todo Ace: 🚀 A stylish, advanced todo app crafted with React 18 and TypeScript. Organize tasks effortlessly with three tabs—📝 pending, ✅ completed, and 🗂️ all tasks. Enjoy a convenient delete feature and an impressive UI for seamless task management.

• Host: GitHub
• URL: https://github.com/sameerkali/todo_ace
• Owner: sameerkali
• Created: 2023-08-10T16:34:52.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-12T17:34:43.000Z (over 1 year ago)
• Last Synced: 2024-11-20T04:34:10.785Z (3 months ago)
• Topics: happycoding, hardwork, hooks, javascript, javascript-library, json, latest, open-source, react, react18, styled-components, testing, typescript
• Language: TypeScript
• Homepage: https://react-todo-youtube-h8vc.vercel.app/
• Size: 133 KB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

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