trello clone mern

Trello克隆與Mern Stack！

這是一個由MERN堆棧構建的應用程序，您可以在此處訪問實時演示，您可以單擊以下圖像觀看視頻！

單擊圖像觀看視頻！

目的

我開發該項目的目的是展示我在前端和後端可以做什麼。我還想指出，這是我作為Mern Stack的第一個項目。

特徵

• 像Trello這樣的完全響應式設計
• 註冊並登錄
• 創建多個板，選擇任何背景並添加成員
• 創建多個列表
• 創建多張卡
• 拖放列表或卡片
• 更改董事會的標題和背景
• 添加董事會描述
• 更改列表的標題
• 添加描述，封面顏色，會員，標籤，開始日期，到期日期，多個清單和多個附件
• 刪除板，列表或卡片
• 跟踪所有卡和板的活動日誌
• 評論卡或董事會
• 搜索板或卡標題

二手技術

服務器端	客戶端	只有發展
Expressjs	樣式組件	Nodemon
除非明確	reduxjs-toolkit
貓鼬	反應 - 美麗dnd
科爾斯	材料-UI
小路	軸
Dotenv	date-fns
jsonwebtoken	片刻
bcryptjs	atlaskit/css-reset
	反應鉤/小鼠位置
	反應器
	反應鉤

如何運行？

• 在此處下載nodejs

• 對於數據庫，您可以使用本地MongoDB或Mongo Atlas。請參閱此處

• 克隆存儲庫：

  git clone https://github.com/umurdogann/trello-clone-mern

• 更改目錄：

  cd trello-clone-mern

• 開放第二端子相同位置：

  • Ubuntu： gnome-terminal
  • Windows： start

• 更改第一個終端的目錄並安裝軟件包：

  cd server

  npm install

• 在服務器目錄中創建.env文件，例如.env.example並輸入必需的變量

• 啟動服務器：

  npm run start

• 切換第二個終端

• 更改第二端子的目錄並安裝軟件包：

  cd client

  npm install

• 啟動客戶端：

  npm run start