[Project]-航海99反応クローン符号化の課題を振り返る

期間:2021.07.16-2021.07.22
航海情報センター住所
航海
けいかく
けいかく図
「クローンコード」という言葉を思い浮かべると、よく行われるNetflix、出前の民族、MarketColi、ニンジンMarketなどおなじみのサイトを思い出します.
私たちの生活に少し慣れていて、一定の機能を持っていますが、クローンコードで知らないことをしてみたり、多くの候補者の中で「クボンイッツ」をクローンしてみたりします.
クバンツはウェブサイトではなく、アプリケーションが提供するサービスで、データをスクロールできず、参考になる部分がないので、完全に挑戦かもしれませんが、挑戦することにしました!
進行

初めてのコラボプロジェクトなので、これまでのミニプロジェクトをベースに行うことにしました.

view

Main : react-slick

AllStores/Stores

StoreDetail : modal(mobile)

MyEats/Favorites/Order/AboutUs

Reviews/ReviewWrite

Header:(login/register)非公開

func

Social Login(Kakao/Google)
->慣例に従ってソーシャル・ログインを実施するには、まずウェブサイトのログイン時に受信したユーザの認証コードをバックエンドに送信し、トークンを受信する必要があるが、バックエンドで作業が完了している場合は、認証コードをスキップするようにログインするのではなく、フロントでソーシャル・ログインを実施する必要があり、バックグラウンドで操作する必要がある.トークンのみが転送されますが、認証コードを送信していない通信が問題なので、移動画面とトークンを受信する方法を特定できません.そのため、バックグラウンドでタスクを完了した後、メイン画面に移動し、移動時にフロントにトークンを送信することができます.加工後は、コインを保存して再読み込みする方式で行います.

Maintain is_login

GET stores/GET menus

Cart(save to Redux):カートの読み込み/取り出しが容易になるので、データを渡すたびに、Ridexにカートを置き、注文完了時に一度だけデータに転送した方が良いと思いますので、Ridexに保存して使います.

Order

Favorite

Copying to clipboard : react-copy-to-clipboard

MediaQuery(Mobile) : 500px

Search:enter検索可能

onKeyPress={(e) => {
            if(e.key === "Enter"){
              onSubmit(e);
            }
          }}

Pagination : react-js-pagination

に感銘を与える
残念な点

ソーシャルログインを行うにあたっては、まず緊急時に可能な方法を探してログインを行い、次の機会にしっかりと実施してほしい.

カートを実施することは、カートページやショップページの金額の面で非常に困難である.
金額ごとに加算される価格やメニュー数ごとの価格など変化する可能性のある部分が多く、時間がかかる場合があります.

メリット

は多くのページと多くの機能を実現しており、これらの機能をよりよく理解することができます.Scopeはもともと広いので、終わりがなく、真ん中も少し疲れていましたが、最終的にはもっと成長したような気がして、実際には本当に成長しました.そうでしょう?ほほほ、自分でロゴを作って、まだまだ足りないところがたくさんありますが、今の状態では、私の手で骨をすりむいた子供のような航海でした.❣️