Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/raoufsezar/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.
https://github.com/raoufsezar/kanban_board_mern-stack
axios ecma6 express expressjs html5 mediaquery mongodb mongoose nodejs postman reacr-router-dom react responsive-design rest-api scss
Last synced: 8 days ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/raoufsezar/kanban_board_mern-stack
- Owner: RaoufSEZAR
- Created: 2021-12-27T16:10:46.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2021-12-30T21:38:51.000Z (about 3 years ago)
- Last Synced: 2024-11-08T19:09:33.058Z (2 months ago)
- Topics: axios, ecma6, express, expressjs, html5, mediaquery, mongodb, mongoose, nodejs, postman, reacr-router-dom, react, responsive-design, rest-api, scss
- Language: JavaScript
- Homepage:
- Size: 1010 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://github.com/RaoufSEZAR/KANBAN_BOARD_MERN-STACK/blob/main/RastTaskProject.postman_collection.json)
## 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:
