Skip to content

Latest commit

 

History

History
58 lines (42 loc) · 3.62 KB

README.md

File metadata and controls

58 lines (42 loc) · 3.62 KB

KANBAN_BOARD_MERN-STACK

this project is for the kanban board project, the user can add a board, and inside it can add tasks to the lists like backlog, in Progress, todo and done, and can delete task card or can delete all the board with all its tasks with drop drap feature to change cards places between the lists.I coded this project using HTML5, SCSS, ECMA6, React, Node.js, Express.js ,Javascript, MongoDb and Mongoose.

Board Model:

  • Add a board
  • Find all cards by a board slug(board name)
  • Delete a board with every task has the same boardId

Task Model:

  • Add a task
  • Delete tasks by the task slug (task name)

You can find Postman Collection in this link

To try this project in your machine

after cloning the project add DB by adding .env file to api file and write this:

MONGO_URL=mongodb://localhost:27017/YOUR_DATABASE_NAME
PORT=5000

and inside api file in the same path write this in the terminal:

npm install
npm start

and this message will show in terminal after connecting successfuly to db: **connected to db sccessfully** after that open client file and in the same path write this in the terminal:

npm install
npm start

then the default Browser will open in port 3000 like: **http://localhost:3000/* and the project will be ready to use as this screens:

screencapture-localhost-3000-flower-2021-12-29-17_13_04 screencapture-localhost-3000-2021-12-27-19_36_01 screencapture-localhost-3000-2021-12-27-19_36_28 screencapture-localhost-3000-2021-12-27-19_37_49 screencapture-localhost-3000-2021-12-29-17_11_39 screencapture-localhost-3000-2021-12-29-17_14_34 screencapture-localhost-3000-cro-team-2021-12-29-17_19_03 screencapture-localhost-3000-cro-team-2021-12-29-17_19_21 screencapture-localhost-3000-cro-team-2021-12-29-17_22_58 screencapture-localhost-3000-cro-team-2021-12-29-17_29_26 screencapture-localhost-3000-cro-team-2021-12-29-17_33_04

screencapture-localhost-3000-cro-team-2021-12-29-17_33_38 screencapture-localhost-3000-cro-team-2021-12-29-17_33_48 screencapture-localhost-3000-cro-team-2021-12-29-17_33_20