Taskly is a simple yet powerful to-do list and project management web app built using vanilla JavaScript, HTML, and CSS, bundled with Webpack.
It allows users to create and manage projects, add tasks with priorities and deadlines, and view tasks by day, week, or overdue status — all data is persisted locally via localStorage.
- 📁 Project Management — Create, rename, and delete projects easily.
- ✅ Task Management — Add tasks with a title, description, due date, and priority.
- 💾 Local Storage Persistence — Automatically saves all projects and tasks in localStorage.
- 🧭 Dynamic UI — Interactive sidebar and modal dialogs for adding or managing items.
- 📆 Calendar View — View tasks for today, this week, or see overdue ones.
TODO LIST/
├── dist/
├── node_modules/
├── src/
│ ├── assets/
│ │ ├── delete.png
│ │ └── edit.png
│ ├── dialog.css
│ ├── reminders.css
│ ├── styles.css
│ ├── template.html
│ ├── index.js
│ ├── displayDriver.js
│ └── localStorageFunc.js
├── package.json
├── webpack.common.js
├── webpack.dev.js
├── webpack.prod.js
└── README.md
-
Clone the repository
git clone https://github.com/yourusername/taskly.git cd taskly -
Install dependencies
npm install
-
Run the development server
npm run start
-
Build for production
npm run build
- JavaScript (ES6 Modules)
- HTML5 / CSS3
- Webpack
- LocalStorage API
A clean and minimalistic UI that helps you focus on productivity — manage your tasks and projects effortlessly with dialog-based modals and categorized views.
Developed by Daniil as part of The Odin Project.
Feel free to fork, modify, and expand Taskly for your own use!