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