https://github.com/ktcotz/doneit

DoneIT - manage your tasks!
https://github.com/ktcotz/doneit

advanced architecture modal oop scss startup storage theme typescript zod

Last synced: about 2 months ago
JSON representation

DoneIT - manage your tasks!

• Host: GitHub
• URL: https://github.com/ktcotz/doneit
• Owner: ktcotz
• Created: 2024-06-23T16:55:30.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-06-29T18:23:20.000Z (almost 2 years ago)
• Last Synced: 2025-01-11T15:38:30.810Z (over 1 year ago)
• Topics: advanced, architecture, modal, oop, scss, startup, storage, theme, typescript, zod
• Language: TypeScript
• Homepage: https://done-it-zeta.vercel.app
• Size: 639 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![DoneIT](./public/assets/images/design.png)

 ✅ DoneIT – Manage your tasks the smart way! 


## Project Overview 🎨

**DoneIT** is a modern task management application designed to help users stay organized and productive.  

Reorder, edit, and delete tasks effortlessly – with additional confirmation for critical actions to ensure data safety.

✔️ **Minimal UI, powerful logic, built for productivity.**

---

## Tech Stack 🧰

| Tech | Description |

|------|-------------|

| ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white&style=flat) | Markup structure |

| ![SASS](https://img.shields.io/badge/SASS-hotpink.svg?style=for-the-badge&logo=SASS&logoColor=white&style=flat) | Styling |

| ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white&style=flat) | Type-safe logic |

| ![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white&style=flat) | Project bundler |

| ![Visual Studio Code](https://img.shields.io/badge/VSCode-%230078d7.svg?style=for-the-badge&logo=visual-studio-code&logoColor=white&style=flat) | IDE |

| ![NPM](https://img.shields.io/badge/NPM-%23CB3837.svg?style=for-the-badge&logo=npm&logoColor=white&style=flat) | Package manager |

---

## Libraries & Tools 📦

| Library | Purpose |

|---------|---------|

| ![Zod](https://img.shields.io/badge/zod-%233068b7.svg?style=for-the-badge&logo=zod&logoColor=white&style=flat) | Form validation |

| **SortableJS** | Drag & drop support |

| **QueryString** | URL filtering & state sync |

| **FocusTrap** | Accessibility – focus trap in modals |

---

## Features 🚀

- ✅ Light/dark theme with user preferences (Theme Provider)

- 📁 Persistent data via Local Storage (with strong typing)

- 🔍 Task filtering through URL parameters

- 🛠️ Full CRUD task operations

- 🧩 Modular modal system with confirmation prompts

- ♿ Accessibility via focus trapping

- 🎨 Clean, responsive, and intuitive UI/UX

---

## Installation & Setup 💻

```bash

# 1. Install dependencies

npm install

# 2. Start local development server

npm run dev

# 3. Open localhost URL in browser

```

## 👨‍💻 Developer Info

- 🐙 GitHub: https://www.github.com/ktcotz

- 💼 LinkedIn: https://www.linkedin.com/in/naskret-kamil/

- 🌐 Portfolio: https://kamil-me.vercel.app/

- 📫 Email: naskret.kamil@gmail.com