https://github.com/gosia-magdzik/to-do-list-ts

https://github.com/gosia-magdzik/to-do-list-ts

Last synced: 19 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/gosia-magdzik/to-do-list-ts
• Owner: Gosia-Magdzik
• Created: 2023-07-20T15:19:44.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-07-31T16:02:31.000Z (over 1 year ago)
• Last Synced: 2023-07-31T16:14:05.505Z (over 1 year ago)
• Language: TypeScript
• Homepage: https://gosia-magdzik.github.io/To-do-List-TS/
• Size: 5.87 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#  Task List Website  written in TS

## Quick Preview

 

## Demo Website -> [HERE](https://gosia-magdzik.github.io/To-do-List-TS/)

## Description

- Taskify is my first project written in TypeScript. It's a to-do list built with React 

- I utilized React hooks such as useState, useRef, and useReducer  to manage the state and interactions within the app.

- Additionally, I've incorporated the "react-beautiful-dnd" library, which allows me to move tasks between the "Active Tasks" and "Completed Tasks" sections.

- Each task has icons on the left side that allow users to delete, edit, or mark tasks as completed.

-     Each task in the list is equipped with icons on the right side, allowing users to delete, edit, or mark tasks as completed.

- The project fully responsive ->  

- I made sure to implement stylish and visually appealing designs using Styled Components to enhance the overall look .