Tasky is a todolist app that allows users to manage their daily tasks.
See the site live at Netlify
Users can
- Add a task
- Remove a task
- Strikethrough a completed task
- Drag and drop a task to Active/Completed column
🛠️ Tools and languages used: TypeScript, React, HTML, CSS
🤔 Why I want to create this project: Studies have shown you are 42% more likely to achive your goals just by writing them down. I've been writing down my todos every morning on a sticky note for years and thought why not make a digital app? So here we go Tasky
💆♀️ Challenges I Faced: This is my first project in TypeScript, so it takes some effort to specify types for every useState and function.
😊 What's fun: Implementing the drag and drop feature using the react-beautiful-dnd npm package has been super fun. I'm a big fan of combo board and it's more smooth from a UI perspective to move completed tasks to a different column.
📕 Learning resources: I want to thank RoadsideCoder for his amazing tutorial.
In the project directory, you can run:``npm start` in the command line, open http://localhost:3000 to view it in the browser.