Frontend Мания
591 subscribers
226 photos
61 videos
28 files
158 links
Download Telegram
Выбираем новую аватарку на зиму 👀
Anonymous Poll
18%
Белая
39%
Красная
43%
Черная
🍾522
Media is too big
VIEW IN TELEGRAM
Новый проект 59 | >private_chat 🛡


Этот чат спроектирован для анонимности и приватности переписки. Ниже простым языком описано как это работает от чего защищает, а от чего — нет.

1️⃣ Шифрование на устройстве (End-to-End Encryption)
🟢 Когда вы создаете комнату, ваш браузер генерирует секретный ключ.
🟢 Этот ключ добавляется в ссылку после символа # (.../room/xyz#СЕКРЕТНЫЙ_КЛЮЧ).
🟢 Важно: Все, что находится после #, никогда не отправляется на сервер. Сервер не знает вашего ключа.

2️⃣ Процесс отправки:
Вы пишете: "Привет".
Ваш браузер шифрует это в "a8f3...9z".
Сервер получает "a8f3...9z" и сохраняет. Он не может это прочитать.
Друг получает "a8f3...9z" -> его браузер использует ключ из ссылки -> показывает "Привет".

Самоуничтожение:
🗑 Комната и вся история сообщений (даже в зашифрованном виде) физически удаляются с сервера через 10 минут (или раньше, если нажать кнопку DESTROY).

От чего этот чат ЗАЩИЩАЕТ:
🥇 От перехвата переписки:
Никто посередине (провайдер, хакер в кафе с Wi-Fi) не сможет прочитать сообщения.
🥈 От владельца сервера и хостинга:
Я (разработчик), Vercel и Upstash видим только бессмысленный набор символов.
🥉 От изъятия серверов:
Если полиция заберет сервера, они не найдут там ничего читаемого. Ключи были только у вас.
🌐 От "слива" баз данных:
Даже если хакеры взломают базу данных, переписка останется зашифрованной.

От чего этот чат НЕ ЗАЩИЩАЕТ (Уязвимости):
Ваш интернет-провайдер видит, что вы зашли на этот сайт.
Он видит, что вы обмениваетесь данными (но не видит какими).
Он видит IP-адрес вашего собеседника, если он подключился к тому же сайту в то же время.

От физического доступа к устройству:
Если кто-то стоит за спиной или у вас на компьютере вирус/кейлоггер, шифрование не поможет.
История браузера хранит ссылку с ключом (если вы не в режиме Инкогнито).

От компрометации ссылки:
Если вы отправите ссылку через незащищенный канал (SMS, обычный VK/Telegram), её могут перехватить и зайти в чат. Передавайте ссылку через надежные каналы (Signal, Secret Chat).


Исходный код будет на 370 подписчиков

>private_chat
Please open Telegram to view this post
VIEW IN TELEGRAM
58431
ой, это все бот не я
примите участие заново что бы выиграть в конкурсе :
https://t.me/FrontendMania/512
Новый проект 60 | Anti Mayning bot 💸


Описание :
Бот проверяет майнит ли мини mini-app в телеграмме на вашем устройстве

как пользоваться
1. Открыть Telegram Web (web.telegram.org) на компьютере.
2. Запусти Mini-App.
3. Нажать F12 -> Вкладка Elements.
4. Нажать Ctrl+F и найти: iframe
5. Скопировать весь тег <iframe ... > и прислать боту.


Исходный код 👩‍💻

Boost Chanel 🔔
Please open Telegram to view this post
VIEW IN TELEGRAM
56541
108🍾44
Media is too big
VIEW IN TELEGRAM
Обновление 59 проекта | >private_chat 🔒

Что было добавлено ?

Auto scroll - автоматическая прокрутка к новым сообщениям
Индикатор печати - теперь видно кто печатает в реальном времени
Шептать - сообщение покрытое блюром
/w текст | /whisper текст


Техническая часть
🖥
Рефакторинг хуков - useUsername и ThemeProvider переписаны с useSyncExternalStore для лучшей производительности
Исправлены проблемы с setState в effects


Безопасность 🔐
Валидация roomId в middleware - теперь проверяется формат
Создан файл sanitize.ts с функциями для XSS защиты и валидации
Обработка ошибки invalid-room на главной странице


Исходный код будет на 370 подписчиков 👩‍💻

>private_chat 🌐


🏳️ Frontend Mania 🏳️ | ⚡️ Boost channel ⚡️
Please open Telegram to view this post
VIEW IN TELEGRAM
7533
Frontend Мания
Исходный код будет на 370 подписчиков 👩‍💻
как и обещал :
https://github.com/Ibragimm228/realtimechat

ставьте звезду, буду делать обновы еще ⭐️
Please open Telegram to view this post
VIEW IN TELEGRAM
69🍾321
скидывайте свои варианты 🙂
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
1732
Еженедельный розыгрыш 😱
Please open Telegram to view this post
VIEW IN TELEGRAM
311
Frontend Мания
ой, это все бот не я примите участие заново что бы выиграть в конкурсе : https://t.me/FrontendMania/512
кстати тут все еще нету 100 участников так что шансы выиграть равны 100% 👀
Please open Telegram to view this post
VIEW IN TELEGRAM
16521
ищу напарника фронта который умеет работать с React - Vite - TailwindCSS
писать : @spiders_triad
1532
Обновление 59 проекта | >realtime_chat 🔒

Что было добавлено ? ⁉️
Identity Binding — теперь токен доступа жестко привязан к вашему имени. Угон куков больше не позволит писать от имени другого участника или создавать фейковых "ботов" под тем же токеном.
Безопасность UI — улучшена логика определения "своих" сообщений через серверные токены, а не просто сравнение имен.
Скрытие токенов — токены пользователей больше не транслируются в публичных событиях (например, при печатании).


Техническая часть 💻
Identity Persistence — внедрена серверная проверка соответствия Token <-> Username в Redis.
Refactoring API — оптимизирована работа с данными комнаты и сообщениями в Elysia.
Zero-Leak Policy — удалена передача конфиденциальных данных (токены) через Realtime-каналы.


Безопасность 💥
Защита от Session Hijacking — теперь личность пользователя фиксируется при первом входе.
Автоматическая очистка данных — все привязки личностей (users) удаляются вместе с комнатой.
Усиленная валидация — добавлена проверка токенов на уровне API middleware.


Обновление исходного кода будет на 390 подписчиков 📱

>realtime_chat 🌐


🏳️ Frontend Mania 🏳️ | ⚡️ Boost⚡️
Please open Telegram to view this post
VIEW IN TELEGRAM
2321