Recipenダウンロード - Recipenソースコードのダウンロード

Recipen

その他のカテゴリー

1.0.0

ダウンロード

レシピン

説明：

Recipen へようこそ – 料理愛好家が料理体験を探索、作成、共有できるレシピ Web サイトです。グルメ愛好家が大切なレシピや魅力的なグルメブログを共有するコミュニティ主導のプラットフォームを満喫してください。プロバージョンに登録して、自分のレシピを共有し、味、文化、創造性の領域を解き放ちましょう。

リンク：

ライブサイト: https://recipen.vercel.app/

使用したツールとテクノロジー:

私とつながりましょう:

特徴：

認証:ユーザーは安全にアカウントを作成し、ログインしてパーソナライズされた機能やコンテンツにアクセスできます。
アクセスとリフレッシュトークン:ユーザー認証時のセキュリティを強化するために、アクセストークンとリフレッシュトークンのメカニズムを実装しました。
認証状態の永続性:ユーザー認証状態がセッション間で永続化され、シームレスなユーザーエクスペリエンスが提供されます。
Cookie へのトークンの保存:クロスサイトスクリプティング (XSS) 攻撃に対する保護を強化するために、トークンは安全な Cookie に保存されます。
レシピ:コミュニティによって提供された、幅広い料理や好みをカバーする本格的なレシピの豊富なコレクションを探索します。
食べ物ブログ:愛好家によって書かれた洞察力に富んだ創造的な食べ物ブログに参加して、貴重な洞察と料理のインスピレーションを提供します。
Stripe 支払いの統合:安全な支払い処理のためにシームレスに統合された Stripe により、取引中のユーザーエクスペリエンスが向上します。
1 回限りの支払いによるサブスクリプション: 1 回限りの支払いでサブスクリプションを行うオプションをユーザーに提供し、限定機能や特典のロックを解除します。
プロユーザーアクセス:プロユーザーは、レシピやブログを追加および削除して、動的で魅力的なプラットフォームを作成する特権を享受できます。
管理者ダッシュボード:管理者は、ユーザー、レシピ、ブログを管理するためのダッシュボードにアクセスできます。
ユーザープロファイル:各ユーザーは、自分の情報を管理できる個人用プロファイルを持っています。
お問い合わせページ:ユーザーが質問、懸念事項、フィードバックを問い合わせるための専用ページであり、コミュニケーションを促進します。
チャットボット:プロジェクトの管理者と 1 対 1 で支援を提供するチャットボット。
お気に入りのレシピの保存と保存解除:ユーザーは、簡単にアクセスして料理のインスピレーションを得るために、お気に入りのレシピの独自のコレクションを厳選できます。
レシピの評価とコメント:登録ユーザーはレシピの評価とコメントを提供できるため、コミュニティの交流が強化されます。
ブログへのコメント:食べ物ブログにコメントを残してディスカッションに参加し、考えやアイデアを共有します。
ソーシャルメディアでレシピを共有:ユーザーは、お気に入りのレシピをさまざまなソーシャルメディアプラットフォームで簡単に共有できます。

トップに戻る

ローカルマシンでプロジェクトを実行する手順

このリポジトリをフォークする
ローカルマシンでターミナルまたはコマンドプロンプトを開きます。次のコマンドを実行してリポジトリのクローンを作成します。

 git clone https://github.com/your-username/your-repo.git

your-usernameを GitHub ユーザー名に置き換え、 your-repo をリポジトリの名前に置き換えます。

プロジェクトを開き、クライアントディレクトリとサーバーディレクトリの両方で.env.exampleファイルの名前を.envに変更します。
これら両方のファイルに独自の環境変数を追加します。
http://localhost:5173とhttp://localhost:5000を、パス server/config/allowedOrigins にあるallowedOrigins配列に追加します。
フロントエンドを実行するには、新しいターミナルを開き、「cd client/」を実行してクライアントディレクトリに移動し、次を実行します。

 npm run dev

バックエンドを実行するには、新しいターミナルを開き、「cd server/」を実行してサーバーディレクトリに移動し、次を実行します。

 nodemon index.js

ブラウザからhttp://localhost:5173/ strong> を開いて Web アプリを実行します。

管理ダッシュボードにアクセスする手順

マシン上で Web アプリを実行した後、Web サイトにサインアップします。
次に、MongoDB コレクションを開き、管理者にしたいユーザーのロールの配列フィールドにAdmin要素を手動で追加して、サイトに再度サインインします。
これで、管理者ダッシュボードにアクセスできるようになります。

トップに戻る