Registration Login and CRUD Action using MERN stack

MERN スタック |ログイン、登録、CRUD アプリ

mongoDB、Nodejs(Express.js)、mongoose を使用したバックエンドの RESTAPI を使用したユーザー登録、ログイン、CRUD アクション、JWT トークンを使用した認証、react.js を使用したページネーションとフロントエンド、および axios を使用したマテリアル UI API 呼び出しの簡単な例。

このプロジェクトは、次のことを実証する単純な ReactJS プロジェクトです。

バックエンド

• ユーザーの登録とログインを行うためのAPIです。
• ログインしたユーザーが製品を追加、編集、更新できる API を使用します。
• 特定のユーザーが追加した製品のリストを提供するページネーション API。
• JWT トークン認証。
• PDF の印刷オプションにより、製品の詳細を印刷またはダウンロードできます

フロントエンド

• Reactでコンポーネントを作成し、ルーティングを作成します。
• ReactとマテリアルUIを使用してユーザーをログインし、新規ユーザーを登録するために作成されたフォームを使用します。
• 製品の追加、編集、削除、ページネーション、名前で製品を検索することもできます。
• Axios を使用して HTTP 呼び出しを行う。
• 画像のアップロードでマルチパート API を呼び出します。

前提条件

システムでこのプロジェクトを実行するには、以下にインストールする必要があるものを示します

• Node.js
• 故宮
• モンゴDB

セットアップへ

このリポジトリのクローンを作成またはダウンロードします

1. cd Registration-and-Login-using-MERN-stack/backend
2. npm install
3. cd Registration-and-Login-using-MERN-stack/frontend
4. npm install

走るために

ノードサーバーを実行するには

1. cd Registration-and-Login-using-MERN-stack/backend
2. node server.js

React フロントエンドを実行するには

1. cd Registration-and-Login-using-MERN-stack/frontend
2. npm start

星を残すことを忘れないでください! ?