vedantmali05 / todo-app

Todo App mini frontend project challenged by [Frontend Mentor Challenges](https://www.frontendmentor.io/challenges)

Todo App - Frontend Mentor

My challenge was to build out this todo app provided by Frontend Mentor Challenges and get it looking as close to the design as possible.

Live Here

vedantmali05.github.io/todo-app

Built With

• HTML5
• CSS3
• JS and Sortable.js

<!-- Sortable JS Link -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Sortable/1.14.0/Sortable.min.js"></script>

Running the project

1. Clone the repository

git clone https://github.com/vedantmali05/todo-app.git

2. Open the index.html file in your web browser.

Features

• View the optimal layout for the app depending on their device's screen size
• See hover states for all interactive elements on the page
• Add new todos to the list
• Mark todos as complete
• Delete todos from the list
• Filter by all/active/complete todos
• Clear all completed todos
• Toggle light and dark mode
• Bonus: Drag and drop to reorder items on the list

Author

Vedant Mali

• GitHub/vedantmali05
• LinkedIn/Vedant Mali