これは食べられません-開発ログ(航海99-6日目)

サービス概要

画素食主義者のように、自分のレシピに制限がある人や、アレルギーで特定の材料を排除しなければならない人は、レシピを直接分類することができるプラットフォームサービスです.

テクノロジースタック

backend

python, Flask framwork

mongoDB

AWS

frontend

Html, css, bootstrap, bulma

Jquery, javascript

Jinja 2 templates

新学の内容

backend
Jinja 2テンプレートを使用したサーバ側レンダリングの利点とクライアント側レンダリングとの違いがわかります.
サーバ・エンド・レンダーリングは、サーバが完了したHTMLページを受信し、ブラウザに送信する形式でブラウザで描画されるクライアント・エンド・レンダーの時間を短縮し、画面上のユーザーの表示時間を短縮します.
JWT方式
JWTは、サーバとクライアントとの間で情報を交換する際に、JSONトークンをHttp要求ヘッダに入れ、サーバは、ヘッダに含まれるJWT情報を介して認証を行い、認証を必要としない.
利点:ユーザー認証に必要なすべての情報はトークン自体に含まれているため、個別の認証リポジトリは必要ありません.ユーザーが要求すると、トークンを表示するだけで、セッションを管理する必要がなく、サーバリソースとコストを節約できます.
欠点:トークンはクライアントに格納され、データベースでユーザ情報を操作してもトークンに直接適用できない
使用例:主にメンバー認証に使用されます.ユーザーがログインすると、サーバはユーザー情報に基づいてトークンを発行します.
frontend
ajax通信を使用してサーバから受信したデータをcard viewとして画面に表示する場合はbootstrapのcard-columnsを使用して、垂直順に画面に表示し、横変換の方法を検索して知ることができます.

style="display: grid; grid-template-columns: 1fr 1fr 1fr"

ボタンをonclick()として実装する場合は、関数は挿入されません.

onclick="window.location.href='/wishlistplus?title=${title}'"

apiを直接ハイパーリンクのように挿入して実行できることに気づきました.

フィードバックの提案

の蒸しボタンを押すと、蒸しマークがもっと良くなります.

カテゴリを使用してフィルタリングを行う場合、ボタンが押された場合、ボタン上またはカード上に現在フィルタリング中のカテゴリを表示するとよい.

プロジェクトレビュー

良い点:
選手たちとの相性がいい.すべてのチームメンバーはサービス理念を完璧に理解し、時間が足りないことを認識し、改善し、迅速にプロジェクトを完成しました.
残念な点:
限られた時間内に行われたプロジェクトであるため,創意の実施可能性は十分に確認されていない.スクロールされたデータにはカテゴリ分類データがないため,他の分類可能なAPIを検索したり,実装のためにアイデアを修正したりする必要があるが,時間が足りず,少数のデータが直接手動で分類されて実装される.次回のクリエイティブミーティングでは、データが十分に実現されているかを確認してから行うべきだと思います.
機能的にはこれ以上試していません.例えば、Web Development Plusではコメント機能や地図APIなど多様な実装方法についてのソースコードが提供されているので、簡単にコードを書くことができると思いますが、時間に余裕がありますが、少しでも挑戦的であれば大丈夫だと思います.