Создание web-клиента почтового сервиса.
ТЗ на клиентскую часть почты:
Дано:
- только десктоп;
- общение с бэком через websocket;
- можно использовать любые библиотеки / фреймворки, если есть аргументация.
Необходимо реализовать:
- пагинацию для отображения списка писем;
- динамическое обновление списка писем (только входящих, сервер оповестит);
- просмотр писем, в т.ч. html-версий (? блокировка скриптов);
- возможность ответа на письма + написание новых;
- переключения между ящиками + суперпользователь, который может смотреть почту на всех ящиках;
- отдельный вид сообщений - обращения в службу поддержки (с тикетами, после ответа - закрытие тикета).
- возможность шаблонов внешнего вида + возможность просмотра конечного варианта.
-
16 dni1025 PLN
818 26 0 1 16 dni1025 PLNЗдравствуйте. Заинтересовал ваш проект
Необходимо обсудить для формирования плана работ, окончательного бюджета и сроков.
Портфолио тут в профиле : -
Freelancehunt
-
5 dni410 PLN
184 13 1 5 dni410 PLN
Здравствуйте Вячислав, сделаю всё быстро и качественно.
Имею опыт разработки на Angular TS/JS cli более года в продакшене.
Пишите, консультаций бесплатные)
-
А почему web-клиент в названии, а в дано нужно только десктоп? Так веб или десктоп?
-
Протокол общения с беком есть?
я про описание объектов которые гоняются между ними
-
Сокеты
Запрос:
{
requestId: number,
payload: { [key: string]: any }
}
Ответ:
{
requestId: number,
success: boolean,
error?: string,
payload?: { [key: string]: any }
}
Для удобства можно реализовать ожидание ответа через промисы по requestId с таймаутом.
Отправка сообщения бэком клиенту (напр., при новом сообщении):
{
event: string,
payload: { [key: string]: any }
}
Тут для удобства можно реализовать подписку на события
-
Значение requestId генерирует клиент при запросе
Сервер отвечает на этот запрос с таким же значением requestId
-
понял. спасибо.
-
как выглядит тикет и как он должен обрабатываться? чем отличается от обычного письма?
какой почтовый сервер (серверы) используете? внешний или собственный? -
Почтовый сервер собственный.
Структура письма:
{
id: number, // messageId
from: string,
to: string,
date: number, // unix
subject?: string,
text: string,
html?: string,
checked: boolean
}
Отличия тикета в том, что он приходит не в виде сообщения на почту, а через обращение на платформе:
{
id: number, // ticketId
startDate: number,
endDate?: number,
from: string,
subject: string,
question: string,
answer?: string
}
Отображаться должны в отдельном месте (как будто папка в обычной почте).
При отправке ответа среди прочего должен передаваться id тикета.
Ещё:
есть два варианта тикетов: для зарегистрированных пользователей и для остальных
(возможно, в дальнейшем, для зарегистрированных пользователей будет больше полей).
То есть, должны быть следующие папки сообщений:
- почта (входящие / исходящие);
- тикеты для пользователей платформы;
- тикеты для всех остальных.
Поскольку тикеты подразумевают закрытие после ответа, то для них нужно в одном месте показывать и вопрос, и ответ (при наличии).
Если было открыто входящее сообщение впервые, нужно отправить данные об этом на сервер
(checked изменится на true).
С тикетами такого нет, они считаются прочитанными только после ответа
(endDate и answer перестанут быть null).
Также напоминаю, что нужна возможность использовать шаблон для всех видов исходящих сообщений.
Сам шаблон на сервер передавать не нужно, только текст и название шаблона
(возможно, в дальнейшем, нужна будет возможность простенького конструктора html, но сейчас текст просто подставляется в указанное место).
файлы с шаблонами вида
exports = / export function(body) {
return `<html>...${body}...</html>`;
}
будут.
И напоследок - примеры payload'ов для общения с сервером:
interface OutgoingMailData {
from: string;
to: string;
subject?: string;
text: string;
template?: string;
}
Отправить письмо:
{
type: "sendMessage",
params: OutgoingMailData
}
Ответить на тикет:
{
type: "answerInnerTicket" | "answerOuterTicket",
params: OutgoingMailData & {
ticketId: number
}
}
Письмо прочитано:
{
type: "messageChecked",
params: {
messageId: number
}
}
Загрузить входящие письма:
{
type: "getInboxMessages",
params: {
page?: number = 0,
checked?: boolean = null,
from?: string,
to?: string, // для входящих может быть изменён только для суперпользователя
subject?: string,
text?: string
}
}
Payload бэка на последнее:
{
amount: number, // количество подошедших
list: MailData[]
}
Логика понимания того, какой это пользователь будет позже
-
Aktualne zlecenia dla freelancerów w kategorii Programowanie stron internetowych
Potrzebne jest nałożenie szablonu na WordPressie, od razu z kodowaniem + WP
841 PLN
Potrzebne jest wdrożenie projektu na WordPressie, od razu z kodowaniem + WP, landing page z szablonowymi stronami, obrazek tekst, projekt prześlę w wiadomości prywatnej, proszę o zgłaszanie się tych, którzy nie zawodzą w terminach i jakości realizacji projektu. (projekt w Figma) Układ HTML i CSS, Programowanie stron internetowych ∙ 1 godzina 2 minuty temu ∙ 61 ofert |
Osadzenie HTML w WordPressWymagania: przeniesienie HTML do WordPress https://bikeinbali.com/new Stworzyć niestandardowy motyw WordPress classic na podstawie gotowych szablonów HTML.Nie używać: Elementor WPBakery ciężkie motywy page builder Jednolite elementyStworzyć globalne: header.php… Programowanie stron internetowych, Kompleksowe prace nad stroną internetową ∙ 1 godzina 39 minut temu ∙ 50 ofert |
Dopracowanie strony na Ocstore 3
57 PLN
Ocstore 3 Szablon Upstore Poprawić niektóre kwestie https://docs.google.com/document/d/1-TmTo3lh_ElFjPMQCGs2sVCsVSzq-V-Z/edit?usp=sharing&ouid=105344407605205919725&rtpof=true&sd=true Oczekuję na wasze propozycje PHP, Programowanie stron internetowych ∙ 2 godziny 36 minut temu ∙ 42 oferty |
Zbudować stronę na Elementor ProKonieczne jest stworzenie od podstaw strony na stronie WordPress przy użyciu wtyczki Elementor (wersja Pro). Wersja desktopowa + responsywna wersja na tablet i telefon. Projekt dostarczamy w Figma. Szablon dokumentu projektu — w załącznikach (tylko wersja desktopowa). Konieczne… Układ HTML i CSS, Programowanie stron internetowych ∙ 2 godziny 40 minut temu ∙ 45 ofert |
Przeniesienie i skonfigurowanie gotowego motywu strony (szablonu) na WordPressSzukamy dewelopera WordPress do zainstalowania i skonfigurowania już gotowego szablonu strony. Posiadamy zakupiony hosting i domenę, a także gotowy motyw, który należy wdrożyć na stronie: https://foxiz.io/coin/ Zadania: Zainstalować WordPress na hostingu (jeśli jeszcze nie jest… Programowanie stron internetowych, Kompleksowe prace nad stroną internetową ∙ 4 godziny 17 minut temu ∙ 77 ofert |