Messenger UI

メッセンジャーUI

デスクトップおよびモバイルデバイスのテキストメッセージングアプリケーション

タスク

両方とも目を楽しませ、エンドユーザーに最高のエクスペリエンスを提供するレプリカテキストメッセージングアプリケーションを構築します。アプリケーションを使用しながらユーザーに最高のエクスペリエンスを提供するUI/UXデザインスキルをお届けします！モバイルフレンドリーであるだけでなく、ラップトップやデスクトップなどのさまざまなデバイスでも使用できるアプリを設計します。

基準

• インターフェイスのデザイン、レイアウト、直感性の選択。
• さまざまなデバイスにわたる応答性
• ブラウザの現在のリリースと互換性があり最新のマークアップを作成します
• 最低1つ以上のCSSスタイルシートを作成します（選択のフレームワークを使用できます。フレームワークとコードも含める必要があります）
• DOMと対話する最低1つ以上のJavaScriptファイルを作成します。
• コードをホストするバックエンドサーバーを作成します（オプションですが、そうするための「ブラウニーポイント」を自分で獲得できます:-)

技術スタックの概要

このアプリケーションは、今日の時代（2020年）の最新のテクノロジーと設計パターンを使用して構築されました。純粋にHTML、CSS、およびJavaScriptを使用してこのアプリケーションを構築することを選択しました。 HTML、CSS、およびJavaScriptを使用して、コードを迅速に迅速に構成し、レイアウトにスムーズな洗練されたレスポンシブデザインを簡単に提供できます。

CSSの場合、驚くべき機能のために、SASS（構文的に素晴らしいスタイルのシート）を使用することにしました。 SASSを使用して、通常のCSSよりも速くレイアウトにスタイルを適用できます。このフレームワークは、ネストなどの機能も提供し、標準のCSSよりも簡単に要素を操作できるようにします。これにより、構造が向上し、タスクを完了する時間を最小限に抑えます。チームの考え方を考えて、これは、このプロジェクトに参加する可能性のある将来の開発者にとって素晴らしいことです。

モバイルデザイン

デスクトップデザイン