Coder Social home page Coder Social logo

vas3k / vas3k.club Goto Github PK

View Code? Open in Web Editor NEW
788.0 788.0 240.0 16.97 MB

No bullshit IT community with private membership

Home Page: https://vas3k.club

License: MIT License

Dockerfile 0.03% Makefile 0.07% Python 64.67% HTML 17.92% CSS 10.91% JavaScript 4.59% Vue 1.82%
django hacktoberfest python vuejs

vas3k.club's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vas3k.club's Issues

Профиль - что за "Экспертиза"

в профиле есть раздел "Экспертизы" - напишите пожалуйста комментарий (хотя бы как в проектах), что это, для чего и с чем едят.

Не могу смотреть закрытые посты

При попытке посмотреть посты только для клуба вылазит плашка с просьбой войти или вступить в клуб, при этом я уже авторизирован (см. правый верхний угол). После того как нажимаю войти, меня перебрасывает на мой профиль и ничего не меняется.
Возможно это связано с тем, что у меня 1$ подписка на патреон, а клуб вроде как пока для $3+.
Screenshot 2020-04-25 at 14 56 58

Предложение. Кнопка для прокрутки поста вверх. Кнопка лайк менее акцентная без ховера и двигается со скролом.

Иногда хочется почитать пост сначала. А сейчас ещё и лайк только на самом верху.
Пример как на хабре:
image

По кнопке upvote если она будет на экране всегда, то вероятность нажать на неё выше :)
Вастрик Клуб_ запускаем бету — Вастрик Клуб 🤘✖️👩_💻_ - Google Chrome 2020-04-28 14-13-35

Менять свитчер мобильной версии на ночную если пользователь предпочитает ночную версию

Если у пользователя ночная тема, но он не менял на переключке внизу сайта (читай как не писал тему сайта в localStorage) тему, то по-умолчанию отображается темная (системная версия сайта) тема, но переключатель стоит на светлой версии сайта.

После этого пользователь должен кликнуть два раза на тему сайта (чтобы записать в localStorage снова тёмный + сменить на светлую), чтобы сменить на светлую.

Реплай к новому комменту налезает на его фон

  • Новый коммент подсвечен фоном
  • У коммента есть ответ

AR: Ответ налезает на фон самого коммента, особенно видно по аватарке ответившего и значку +N справа
ER: Ответ на коммент должен быть расположен чуть ниже ну или фон основного комента не должен быть таким высоким

image

Оптимизировать размер фронтенда

Голая страница весит ~350KB (после gzip) — не успевает загрузиться в метро, пока стоим на станции. Можно ощутимо оптимизировать, если:

  • Объединить и минифицировать CSS и JS;
  • Выкинуть из шрифтов ненужные начертания и языки;
  • Выкинуть костыли для старых браузеров из normalize.css;

Фильтр "мои вещи" на ленту

Сделать фильтр или отдельную страничку на которой будут только те карточки (посты), которые я написал или в которых оставил комментарий.

При публикации черновика пост падает вниз в истории к дате создания черновика

Похоже, что у постов нет отдельной даты создания и даты публикации (или сортировка происходит по дате последней активности в посте, а публикация не считается за такую активность - т.к. в заглавии поста стоит сегодняшняя дата).
Я начал писать пост вчера, а закончил сегодня - после публикации он болтается далеко внизу ленты
Пример поста: https://vas3k.club/post/300

Запретить в интерфейсе голосовать за свои посты и комменты

На бекенде это уже нельзя, но на сайте при наведении счетчик всё еще подсвечивается как будто на него можно нажать и потом даже нажимается, но не обновляет цифру. Это выглядит странно. Надо сделать счетчик к своим постам и комментам некликабельным вообще. Придется в каждый темплейт вставить IF.

Screenshot 2020-04-27 at 16 45 49

"Nested" комментарии

На мой взгляд, недостаток одного уровня комментариев, потеря дискуссии если она возникла. И что гораздо важнее, её очень трудно заметить со стороны тем, кто в дискуссии не участвует.

Стикеры/гифки для реплаев

Телеграм показал, что стикеры, как статичные, так и анимированные (по-сути, гифки) -- отличная штука для выражения эмоций и мнений в интернете, на мой взгляд, было бы классно иметь подобную систему и в Клубе. Может, для начала, просто интеграцию с gfycat или чем-то таким.

Конечно, лучше в webp.

Сменить стиль выделения комментария по ссылке?

Когда пилишь комментарий и отправляешь его, он выделяется красненьким, что невероятно вымораживает, потому что подсознательно это цвет ошибки. И ты такой недоумеваешь: Не отправилось? Премодерация? Ошибка сервера? Сохранить и переотправить? Вот это вот всё.
image

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

Возможно стоит рассмотреть изменение цветовой маркировки?

Форма комментариев едет от длинных ссылок

Пример ссылки:
https://ru.wikipedia.org/wiki/%D0%A1%D1%83%D0%B1%D0%BB%D0%B8%D0%BC%D0%B0%D1%86%D0%B8%D1%8F_(%D0%BF%D1%81%D0%B8%D1%85%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D1%8F)

Если вставить такое в коммент, все поедет. Но если просто добавить overflow: hidden — это ломает тени. Печаль. Надо что-то с этим придумать (в реплаях то же самое)

Screenshot 2020-04-29 at 09 36 57

Придумать как должны кликаться посты в фиде

Проблема: хочется чтобы весь блок поста в фиде был кликабельным. Если сделать кликабельным только заголовок — это неудобно. Но обернуть его в тег полностью тоже не выйдет потому что там есть другие ссылки, например, на комменты или на апвоут. Вложенные ссылки в HTML нельзя.

Сейчас там сделано через JS, но это очень сильно раздражает потому что такие ссылки не откроешь в новом окне/табе. Ужасный UX.

Надо придумать что-то получше.

Screenshot 2020-04-26 at 13 53 49

Поиск по сайту

Так хочется поле поиска. Контента вроде ещё не так много, а хочется уже искать.

Профиль - альтернативная активация бота

не нашел кнопки "привязать бота" - да, возможно интернет ломает Роскомнадзор, но нужна альтернатива, как это можно сделать, и да, бот действительно игнорирует просто так ему написавших. проверено.

Пиши - разделы

image
решил начать писать, запнулся на выборе категории ))))
с учетом "жесткости модерации" не очень понятно разделение - что есть что?
или не важно и пишем что пишется в любой категории?
или категория на усмотрение автора?
или есть какие-то правила/особенности для каждой из категорий?

в моем видении: пост, вопрос и боль почти синонимы.

возможно нужен хелп или краткие описания.

Markdown-парсер должен поддерживать одинарный перевод строки как <br>

Вот этот класс парсера сейчас заменяет два перевода строки на абзац, но полностью игнорирует одинарные переводы строк. Это неудобно. Надо чтобы было так:

  • Одинарный перевод строки: < br >
  • Двойной перевод строки: < p > (уже есть)

В качества парсера я использую Mistune в версии 2.0 и похоже они сломали это в апдейте. В 1.0+ все работало как надо.

У интро маленькая кликабельная зона

Сейчас кликабельна довольно маленькая зона (только заголовок), а еще при наведении еще ниже, курсор показывает, что оно кликабельно, но тыкнув никуда не перейдёт
Screenshot_20200426_193903
Тег <a> можно просто перенести повыше, апвоут останется кликабельным:
Screenshot_20200426_194027
Screenshot_20200426_194047

Нельзя редактировать заголовки у комментариев

В комментах, которые содержат не только тело, но и заголовок (пример: в баттлах),

Actual:

  1. При нажатии на эдит, не даёт редактировать заголовок
  2. При удалении опять же удаляет комментарий, а заголовок висит - видимо, потому, что вместо реального удаления тут просто замена тела комментария на эмодзи + комментарий удалён?

Expected:

  1. Можно редактировать и то, и то
  2. Даже не знаю, [deleted]?

Не получается удалить свой ответ к баттл-посту

Заходим в один из батлов, пишем пост за одну из сторон. Пытаемся удалить пост, нажав на кнопочку с урной.
Ожидаемый результат: заголовок поста и длинное описание удаляются и заменяется на сообщение о том, что автор его удалил.
Сегодняшний результат: удаляется лишь длинное описание поста. Похоже кнопочка с урной относится лишь к комментарию, а не ко всему посту.
Результат выглядит так:
image

Предложение: добавить кнопочку с урной также к заголовку и дать возможность удалять весь пост целиком.

Профиль - ссылки

label:improvement
в заголовке профиля ссылки пишутся подряд - предлагаю их принудительно разделять (при заполнении писал их на разных строках, а в шапке они "склеились")

Кнопка «Удалить профиль»

Проставлять флаг is_deleted, переименовывать юзера в DELETED, удалять всю информацию пользователя, но оставлять все его посты и комменты на сайте. Короче, полностью анонимизировать юзера.

Отдельно надо продумать защиту от «случайных» удалений. Потому что как только мы сделаем эту кнопку, обязательно появятся те, кто случайно на нее нажмет :D

Я бы редиректил на специальную страницу, где бы заставлял пользователя ввести свой ник в качестве подтверждения. Как это сделано на гитхабе когда удаляешь или копируешь репозиторий.

Использовать системную тему

Днём хочется видеть светлую тему, а ночью тёмную. Большинство современных ОС умеют переключать тему по графику, и безумно удобно когда сайт использует именно системную.

Из CSS/JS можно задетектить по prefers-color-scheme.

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.