Registration Login and CRUD Action using MERN stack

MERN 堆疊 |登入、註冊和 CRUD 應用程式

使用mongoDB、Nodejs(Express.js) 和mongoose 使用後端RestAPI 進行使用者註冊、登入和CRUD 操作的簡單範例，使用JWT 令牌進行身份驗證，也使用React.js 進行分頁和前端，以及使用axios進行Material-ui api 調用。

該項目是一個簡單的 ReactJS 項目，演示了以下內容

後端

• 用於註冊和登入使用者的API。
• 登入使用者可以使用 API 新增、編輯和更新其產品。
• 分頁 API 提供特定使用者新增的產品清單。
• JWT 令牌身份驗證。
• 列印 PDF 選項，以便您可以列印或下載產品詳細信息

前端

• 在 React 中建立元件並建立路由。
• 使用 React 和 Material UI 建立表單來登入使用者並可以註冊新使用者。
• 產品新增、編輯、刪除和分頁，您也可以按名稱搜尋產品。
• 使用 Axios 進行 HTTP 呼叫。
• 呼叫多部分 api 進行圖像上傳。

先決條件

下面指出了在系統中運行該項目需要安裝的內容

• Node.js
• 國家公共管理
• MongoDB

至設定

克隆或下載此儲存庫

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

運行反應前端

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

別忘了留下一顆星星！ ？