Git Product home page Git Product logo

asocial's Introduction

Hi, I’m Alex 🦁

I am full-stack developer, working on Test Management System. My current stack includes React.js, Nest.js, PostgreSQL, TypeScript.

Skills

  • Front-End is my strongest part. Currently working with React, Redux, HTML, CSS, TypeScript. Believer of BEM methodology. Some years ago I worked with full BEM stack: BEMHTML/BH, enb.
  • JavaScript Tooling is my loved part. Recent tools I used are Testing Library, Jest, Storybook, webpack, Vite, pnpm, Lerna.
  • Back-End is what I’m learning. I have a good experience in Node.js for BFF, currently working with Nest.js
  • Databases is what I respect. I did some tasks on PostgreSQL, MongoDB, ClickHouse
  • CI/CD is my passion. Github Actions, Gitlab CI, Travis, CircleCI, TeamCity. I even worked on internal CI/CD system at one job.
  • DevOps is what I think we all should do. Docker, Terraform, Ansible, Bash, Unix, Debian/Ubuntu, Nginx, Cron.

isqua.github.ioisqua[at]isqua.ru • 🏄🏾🚙⛵️💻

asocial's People

Contributors

fyvfyv avatar isqua avatar

Watchers

 avatar  avatar  avatar

asocial's Issues

Вынести общую логику и настроить сборку

Договорились о такой структуре:

src/content/blocker.js
src/content/networks/vk.js
src/content/networks/fb.js
src/content/networks/twitter.js

Для начала предлагаю вынести куски из vk.js в blocker.js и заюзать их в fb.js.

Сохранять настройки

storage.

  1. При открытии страницы доставать настройки из расписания.
  2. При добавлении строки сохранять её в настройки.
  3. При изменении настроек обновлять таблицу.
  4. Сделать, чтобы добавленную строку можно было отредактировать или удалить.

Навести порядок в нейминге

Щас есть куча стюпидов, типа:

  • то site, то network — давай везде сайт;
  • то disable(d), то block(ed) — давай везде block(ed).

Возможно есть ещё стюпиды, где одни и те же вещи названы по-разному. Надо такое выгрести и назвать одинаково.

Сверстать страницу настроек с расписанием

Дизайн: #5. На мою вёрстку из таски про дизайн не ориентируйся, она наколеночная. Таймер пока отложим. Сохранение тоже. Тогда нужно сделать вот что:

  1. Создать страницу настроек.
  2. Сделать, чтобы она открывалась по правому клику на иконку → Options.
  3. Добавить туда блок расписание, заверстать табличку.
  4. Заверстать форму добавления.

JS пока нужен на уровне «форма добавления открывается». Сохранение сделаем отдельной задачей.

Українська локалізація

По аналогии с русским, надо запилить файл с украинскими текстами по адресу asocial/_locales/uk/messages.json. Можно прям взять русский/английский, скопировать его в этот путь и поменять тексты. Нужно менять тексты только в ключах message. description — это камент.

Сделать удаление удобнее

Можно например при ховере на строку показывать с краю иконку корзины/крестика. Щас открывать форму и тянуться в другой конец страницы за кнопкой «Удалить» не удобно.

Не сохраняет временны интервалы

При вводе любого диапазона времен получается "весь день".
Соответственно при любом ограничении весь день лента будет и недоступна.

Спроектировать страницу настроек

Дизайн-задача! Хочу настраивать вот что:

  1. Таймер. Знаю, что щас буду работать два часа, и в эти два часа мне не надо отвлекаться. Взвожу таймер, два часа ничего не открывается.
  2. Расписание. Работаю например с 10 до 19 каждый день, и хочу поставить, что с пн по пт с 10 до 19 у меня выключены фейсбук, вк, твиттер и, ну, реддит. Или хочу например по средам и четвергам с 12 до 14 и с 15 до 17 не отвлекаться на фейсбук, а с 11 до 13.30 и с 16.15 до 21.03 не отвлекаться на вк.

Можешь накидать вёрстку на кодпене, или нарисовать картинку в фотошопе или скетче, что тебе удобнее. Нужно придумать интерфейс, короче.

Не работает сохранение расписания вообще

консоль выводит ошибку при вводе с любыми комбинациями:
Error in response to storage.get: TypeError: Cannot read property 'days' of null
at TableController.row (chrome-extension://cddphjncbagpiodhpbfnkfmhcckkepeg/options/options.js:656:64)
at TableController.table (chrome-extension://cddphjncbagpiodhpbfnkfmhcckkepeg/options/options.js:678:58)
at Object.chrome.storage.sync.get.obj [as callback] (chrome-extension://cddphjncbagpiodhpbfnkfmhcckkepeg/options/options.js:91:26)
at window.addEventListener (chrome-extension://cddphjncbagpiodhpbfnkfmhcckkepeg/options/options.js:88:26)

Выключать vk.com по расписанию

Делаешь евент пейдж. Страничка вконтача при загрузке шлёт евент пейджу сообщение:
— Алло, это вконтач, я должен быть выключен в это время?
А эвент пейдж смотрит в сторадж, чекает shouldDisable и отвечает ему:
— Да, гасись.

И вконтач такой выключается.

помогут тебе такие штуки:
https://developer.chrome.com/extensions/runtime#event-onMessage
https://developer.chrome.com/extensions/runtime#method-sendMessage

Заменять ленту вк на плашку с текстом

Сделай, чтобы расширение убирало ленту вк, и вместо неё показывало одну фразу. Например:

default

Сейчас не нужно думать о настройках. Просто всегда прятать ленту. Только вк. Следи, чтобы не сломались сообщения, настройки, музыка и всё остальное. Скрывай только новости.

Chrome Extension Overview.

Заменять ад фейсбука на плашку с текстом

В фейсбуке шума гораздо больше, чем в вк. В сообщения и настройки можно попасть из верхней панели. Поэтому уберём ленту, адское меню и адский сайдбар.

facebook

Самую правую панель с друзьями онлайн можно оставить.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.