https://github.com/arikxl/typescriptodo

a simple to-do list application built with React and TypeScript. The application allows you to create, edit, and delete to-do items, and also allows you to mark them as completed. The application is fully responsive . Users can also reorder their todos using drag and drop.
https://github.com/arikxl/typescriptodo

drag-and-drop react todo-list typescript

Last synced: 6 days ago
JSON representation

a simple to-do list application built with React and TypeScript. The application allows you to create, edit, and delete to-do items, and also allows you to mark them as completed. The application is fully responsive . Users can also reorder their todos using drag and drop.

• Host: GitHub
• URL: https://github.com/arikxl/typescriptodo
• Owner: arikxl
• Created: 2023-01-21T23:32:48.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-01-24T06:15:53.000Z (almost 2 years ago)
• Last Synced: 2024-11-09T14:24:38.335Z (2 months ago)
• Topics: drag-and-drop, react, todo-list, typescript
• Language: TypeScript
• Homepage: https://arikxl.github.io/typescriptodo/
• Size: 1.33 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# TypeScriptodo

A simple and user-friendly to-do list application built with React and TypeScript.

## Features

- Create, edit, and delete to-do items

- Mark items as completed

- Reorder items using drag and drop

- Fully responsive design

## Technologies Used

- React

- TypeScript

- react-beautiful-dnd

- CSS

## Getting Started

Clone the repository:

git clone https://github.com/arikxl/typescriptodo.git

Install the dependencies:

npm start

Build for production:

npm run build

## Usage

Add your to-do items in the input field and press enter or click on the "go" button.

You can mark the items as done by clicking on the checkmark icon,

edit them by clicking on the edit icon,

delete them by clicking on the delete icon and reorder them using drag and drop.

## Deployment

This project is deployed on GitHub Pages. You can see it live at https://arikxl.github.io/typescriptodo/

## Contributing

If you want to contribute to this project, feel free to open a pull request.

## Contact

If you have any questions or need help with the project, feel free to contact me at [email protected].