Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/official-krish/todo-app


https://github.com/official-krish/todo-app

Last synced: about 1 month ago
JSON representation

Awesome Lists containing this project

README

        

# Todo App

This is a simple Todo app built using TypeScript and CSS. It allows users to create, edit, and delete tasks to manage their todos effectively.

## Features

- Add new tasks
- Mark tasks as completed
- Edit existing tasks
- Delete tasks
- Filter tasks based on completion status (All, Active, Completed)
- Responsive design

## Technologies Used

- TypeScript
- CSS

## Installation

1. Clone the repository:

```git clone https://github.com/Official-Krish/Todo-App```

3. Install dependencies:

```npm install```

## Usage

1. Start the development server: npm start

2. Open your browser and navigate to `http://localhost:3000` to view the app.

3. Use the input field to add new tasks, click on a task to mark it as completed, edit tasks by double-clicking on them, and delete tasks using the delete button.

4. Use the filter buttons to filter tasks based on their completion status.

## Contributing

Contributions are welcome! Please follow these steps:

1. Fork the repository.
2. Create a new branch (`git checkout -b feature/your-feature-name`).
3. Commit your changes (`git commit -am 'Add some feature'`).
4. Push to the branch (`git push origin feature/your-feature-name`).
5. Create a new Pull Request.

This project is live at https://todo-app-krish-anands-projects.vercel.app/

## License

This project is licensed under the [MIT License](LICENSE).