Messenger UI

Мессенджер-Уи

Приложение для обмена текстовыми сообщениями для настольных и мобильных устройств

Задача

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

Критерии

• Выбор дизайна, макета и интуитивности интерфейса.
• Отзывчивость на различных устройствах
• Создайте наценку, которая совместима и актуальна с текущим выпуском браузера
• Создать как минимум 1 или более листа стиля CSS (вы можете использовать любую основу по вашему выбору, также должны включать в себя любую структуру и коды )
• Создайте как минимум 1 или более файлов JavaScript, которые взаимодействуют с DOM.
• Создайте бэкэнд-сервер для размещения ваших кодов (необязательно, но вы можете заработать несколько «баллов брауни» за это :-)

Резюме технического стека

Это приложение было построено с использованием новейших технологий и моделей проектирования сегодняшней эпохи (2020). Я решил создать это приложение, используя чисто HTML, CSS и JavaScript. Используя HTML, CSS и JavaScript, я могу быстро структурировать свой код быстро и легко давая макеты плавный гладкий отзывчивый дизайн.

Для CSS я решил пойти с SASS (синтаксически потрясающие листы в стиле) из -за его удивительных функций. Используя SASS, я могу применять стили к своим макетам быстрее, чем обычные CSS. Эта структура также предлагает такие функции, как гнездование, что позволяет мне легче манипулировать элементами, чем стандартные CSS. Это приведет к лучшей структуре и минимизирует время для выполнения задачи. Размышляя с командным мышлением, это будет здорово для любого будущего разработчика, который потенциально может присоединиться к этому проекту.

Мобильный дизайн

Дизайн рабочего стола