This site is also an exhibition of my personal projects.

Цей сайт також є виставкою моїх робіт.

I created this extension to maintain scheduled breaks, becouse work-life balance is important.

When I searched how to visually indicate break, I couldnt find any good visual indication on those extensions, so I decided to create my own. Now, meet presentation: 

Focus Blocker is your personal break enforcer inside VS Code. It keeps you productive and healthy by actively reminding you to rest — with a full-screen overlay you can't ignore.

It features a persistent status bar timer, customizable durations, localization (EN, UA), and an extremely simple interface. It automatically starts counting down on VS Code launch — set it and forget it.

Starts a countdown automatically when VS Code launches and enforces breaks with a fullscreen overlay

Automatic break enforcement

Set your own work and break durations using a simple settings interface

Customizable intervals

Displays a webview that overlays your code — can’t be ignored

Unskippable fullscreen blocker

See time left before the next break right in the status bar, updated live

Status bar timer

Fully localized in English, Ukrainian, and Russian

Multilingual support

Use command palette to restart the timer if needed

Restart timer manually

Customize durations in a visually clear and user-friendly settings window

Webview-based settings panel

No bloat, no distractions — does one job and does it well

Lightweight & unobtrusive

Focus Blocker Features

Created as a reminder to take care of yourself while doing deep work. Simple, lightweight, and surprisingly effective — highly recommended for solo developers and productivity nerds.

VS Code extension for enforced productivity cycles with full-screen break alerts.

thumbnail_25353013-designstyle-grunge-u.png

focus-blocker-icon.png

This is a heavily improved fork of the original folder structure generator extension. It lets you quickly scaffold folders and files based on customizable templates, with dynamic variable substitution.

The core idea: templates can now patch existing files instead of overwriting them. I introduced a new syntax to allow inserting content after or before specific substrings inside a file. This enables precise, safe augmentation of existing logic (like Redux reducers or route declarations).

You can also use parts of the current absolute path as template variables. To do that, specify <Path0> - <PathN> up to  depending on the folder depth. For example, if the path is "P:/projects/contributing/vscode-folder-templates", then <Path0> = P, <Path1> = projects, and so on. These can be transformed with casing filters too.

Insert new lines into existing files using substring-based search instead of full replacement

Patch instead of overwrite

Define whether the inserted content should go before or after the matched substring inside the file

Before/After substring syntax

Use parts of the absolute path as dynamic values via , , ... tokens

Absolute path variable support

Create and manage multiple project scaffolding templates for various scenarios

Multi-template system

Actively used by teammates in a professional environment for real-world work setups

Used in production

Fast Folder Structure V2 Features

If you use Redux, feature folders, or any kind of repetitive setup — this extension can save you hours every week.

Advanced file/folder generator with patch support and dynamic path variables

fast-folder-structure-icon.png

I've been seek of yotube music dumping my sacred albums into void, so I decided to create my own music website, where I can upload my music and share it with my friends and family.

The website is built with Next.js and Google Firebase, and it's hosted on Vercel.

It was planned to be a simple website, but I decided to add some features, like preview of images I gathered during compositon of tracks, to complete the experience. Pay attention to A letter next to track to view the gallery

The website is still in development, but you can check it out here:

I collected all tracks during whole time I was making music, so some of them are pretty old, and some of them are new. I hope you will enjoy it! Though, I'm not a professional musician, so don't judge me too hard :D

If you not a fan of my music, you can check the Latest albums section, generally tracks there are better qualtiy, and more recent.

large_Frame 2.png

medium_Frame 2.png

small_Frame 2.png

thumbnail_Frame 2.png

Frame 2.png


It was originally conceived as a simple application for quickly and conveniently organizing a list of tasks.

With time I added some features, and it became a little bit more complicated. 

Choose between light and dark themes for personal preference

Theming options

Allows viewing of completed todos for tracking and reference

View completed tasks

Mark tasks as regular, urgent, or warning to prioritize

Set task importance

Not completed urgent tasks are indicated in the main list with a distinct color for visibility

Highlight urgent tasks

Monitor creation and updated dates of tasks

Track task time

Upload images to tasks with a feature to zoom in on previews

Image upload and zoom

Easily create or view a list for today with a single button at the top of the list

Quick create/view today's list

Support for Progressive Web App, optimized for mobile use. You can add it to your home screen

Mobile-ready PWA

On mobile, easily hide, show, or wrap views with a swipe gesture

Responsive mobile views

Create and manage lists that can be shared with friends, allowing them to see and add tasks. Add friends by email

Shared lists with friends

Dimas Planner features

Made in 48 hours, because this is the first project with some kind of logic.

There are shortcomings, there are inaccuracies, but there is something to be proud of! How do you like it, one-button entry? I think this is super convenient, and this should be on all sites.

I also got to know Graphql and Typescript a little closer here. Acquaintance with the fucking script (code name at the beginning of the operation) later bore fruit, but some problems remained unresolved because I could not understand why it was impossible to write an array of objects to the store. I'll deal with this in the future, but that's all for now, I think.

It took 6-7 hours for styles, and everything else for learning and understanding applications of this kind.

I want to write more such things, so that when I have my own idea, I can implement it in the best way. Thank you for reading. Have a good day! And check if he's still alive!)

NestJS + NextJS + Typescript + Graphql + Yup + Formik

large_25353013-designstyle-grunge-u.png

medium_25353013-designstyle-grunge-u.png

small_25353013-designstyle-grunge-u.png

25353013-designstyle-grunge-u.png

Я створив це розширення, щоб підтримувати заплановані перерви, бо баланс між роботою та життям важливий.

Коли я шукав спосіб візуально позначити перерву, не зміг знайти жодного хорошого рішення, тому вирішив створити власне. Отже, ось демонстрація:

Ось як виглядає блокування

А ось як виглядає в панелі завдань

Focus Blocker — це ваш особистий наглядач за перервами в середині VS Code. Він підтримує вашу продуктивність і здоров'я, активно нагадуючи про відпочинок — за допомогою повноекранного накладення, яке неможливо проігнорувати.

Розширення має таймер у статус-барі, налаштовувані тривалості, підтримку локалізації (EN, UA) та надзвичайно простий інтерфейс. Воно автоматично запускається при старті VS Code — налаштував і забув.

Автоматично запускає таймер після запуску VS Code і вмикає повноекранну перерву

Автоматичне нагадування про перерви

Задайте власну тривалість роботи та перерв через прості налаштування

Налаштовувані інтервали

Відображає webview, який перекриває код — ігнорування неможливе

Повноекранне блокування, яке не можна пропустити

Бачте скільки часу залишилось до перерви прямо в статус-барі

Таймер у статус-барі

Повна локалізація англійською, українською та російською мовами

Підтримка декількох мов

Можна вручну перезапустити таймер через палетку команд

Ручний перезапуск таймера

Налаштовуйте тривалість через зручне візуальне вікно

Налаштування через webview

Без надмірностей — виконує свою задачу ефективно і без шуму

Легкий та ненав'язливий

Можливості Focus Blocker

Створено як нагадування піклуватись про себе під час глибокої роботи. Простий, легкий і надзвичайно ефективний — ідеально підходить для соло-розробників і фанатів продуктивності.

Розширення VS Code для примусових циклів продуктивності з оповіщеннями про перерви на весь екран.

Це значно покращений форк оригінального розширення для генерації структури папок. Він дозволяє швидко створювати папки та файли на основі настроюваних шаблонів із динамічною підстановкою змінних.

Основна ідея: тепер шаблони можуть доповнювати існуючі файли замість того, щоб перезаписувати їх. Я додав новий синтаксис для вставки контенту до або після певного підрядка у файлі. Це дає змогу безпечно й точно доповнювати наявну логіку (наприклад, редьюсери Redux або оголошення маршрутів).

Також можна використовувати частини абсолютного шляху як змінні шаблону. Для цього вкажи <Path0> - <PathN> залежно від глибини шляху. Наприклад, для шляху "P:/projects/contributing/vscode-folder-templates" значеннями будуть: <Path0> = P, <Path1> = projects тощо. Можна також застосовувати фільтри до регістру.

Вставляє нові рядки в існуючі файли, використовуючи пошук підрядка замість повної заміни

Доповнення замість перезапису

Визначає, чи потрібно вставити вміст до або після знайденого підрядка у файлі

Синтаксис Before/After

Використовуй частини абсолютного шляху як динамічні значення через токени <Path0>, <Path1> тощо

Підтримка змінних з абсолютного шляху

Створюй і керуй кількома шаблонами для різних типів проектів

Система кількох шаблонів

Активно використовується командою в професійному середовищі для реальних завдань

Використовується в продакшені

Можливості Fast Folder Structure V2

Якщо ти використовуєш Redux, структуру за фічами або інші повторювані патерни — це розширення заощадить тобі години щотижня.

Покращений генератор файлів/папок з підтримкою доповнень та динамічних шляхів

Мені набридло, що музика з YouTube знищує мої священні альбоми, тому я вирішив створити власний музичний веб-сайт, куди я можу завантажувати свою музику та ділитися нею з друзями та родиною.

Веб-сайт створено за допомогою Next.js і Google Firebase і розміщено на Vercel.

Планувалося, що це буде простий веб-сайт, але я вирішив додати деякі функції, як-от попередній перегляд зображень, які я зібрав під час компонування доріжок, щоб завершити враження. Зверніть увагу на букву A поруч із доріжкою, щоб переглянути галерею 

Веб-сайт ще в розробці, але ви можете перевірити його тут:

Я збирав усі треки за весь час, коли створював музику, тому деякі з них досить старі, а деякі нові. Сподіваюся, вам сподобається! Хоча я не професійний музикант, тому не суди мене занадто суворо :D

Якщо ви не шанувальник моєї музики, ви можете перевірити розділ "Останні альбоми", як правило, треки там кращої якості та новіші.

Мій особистий музичний сайт


Спочатку він був задуманий як простий додаток для швидкого та зручного впорядкування списку завдань.

З часом я додав деякі функції, і це стало трохи складніше. 

Вибір між світлою та темною темами для особистих уподобань

Параметри оформлення

Дозволяє переглядати завершені завдання для відстеження та довідки

Переглянути виконані завдання

Позначити завдання як регулярні, термінові або попередження про пріоритет

Установити важливість завдання

Невиконані термінові завдання позначаються в основному списку окремим кольором для видимості

Виділити термінові завдання

Створення монітора та оновлені дати завдань

Відстежувати час завдання

Завантажувати зображення до завдань із функцією збільшення попереднього перегляду

Завантаження та масштабування зображення

Легко створюйте або переглядайте список на сьогодні за допомогою однієї кнопки вгорі списку

Швидке створення/перегляд сьогоднішнього списку

Підтримка прогресивної веб-програми, оптимізованої для мобільного використання. Ви можете додати її на головний екран

PWA, готовий до мобільних пристроїв

На мобільному пристрої можна легко приховати, показати або обернути перегляди за допомогою жесту гортання

Адаптивні мобільні перегляди

Створюйте та керуйте списками, якими можна ділитися з друзями, дозволяючи їм бачити та додавати завдання. Додавати друзів електронною поштою

Спільні списки з друзями

Функції Dimas Planner

Цей додаток готовий до використання

ваш новий щоденний планувальник

Зроблено за 48 годин, тому що це перший з проектів з якоюсь логікою. 

Є недоліки, є неточності, але і є чим пишатися! Як вам таке, вхід однією кнопкою? Мені здається це супер зручним, і таке має бути на всіх сайтах. 

Також я тут познайомився трохи ближче з Graphql і Typescript. Знайомство з блятьскриптом (кодове ім'я на початку операції) в подальшому приносило плоди, але деякі проблеми залишилися так і не вирішеними, тому що я не міг зрозуміти, чому неможливо писати в стор масив об'єктів. Я з цим розберусь у майбутньому, але тут поки все, я думаю. 

На стилі пішло годин 6-7, а все інше на вивчення і розуміння додатків такого роду. 


Хочу писати більше таких речей, щоб коли буде своя ідея - реалізувати її кращим чином. Дякую, що дочитали. Гарного дня! І перевірте, чи він ще живий!)

Щось трохи складніше, ніж веб-сайти-візитки

Focus Blocker

Folder Structure V2

Thedimas-Music

Планувальник

Github-explorer