https://github.com/john-pels/kanban-board

A Kanban board on which you can create, view and move tickets between columns.
https://github.com/john-pels/kanban-board

contextapi mockapi react reactdnd typescript

Last synced: 28 days ago
JSON representation

A Kanban board on which you can create, view and move tickets between columns.

• Host: GitHub
• URL: https://github.com/john-pels/kanban-board
• Owner: John-pels
• Created: 2022-04-19T16:19:44.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2022-04-19T16:21:18.000Z (about 4 years ago)
• Last Synced: 2025-05-25T09:40:38.172Z (about 1 year ago)
• Topics: contextapi, mockapi, react, reactdnd, typescript
• Language: TypeScript
• Homepage: https://kanban-taskboard.netlify.app
• Size: 209 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Kanban-board

## Live URL: [link](https://kanban-taskboard.netlify.app)

> **Technology tools:**

>

> -   React

> -   Axios

> -   Context API

> -   MockAPT [link](https://mockapi.io)

> -   Vanilla CSS

> -   React Beautiful DnD (For drag and rop) [link](https://github.com/atlassian/react-beautiful-dnd)

> #### To run the app on your local computer

>

> -   create an .env file, then copy and paste **REACT_APP_API_BASE_URL=https://62532b4cc534af46cb9481ce.mockapi.io/kb** intto it

> -   yarn install or npm run install

> -   yarn start or npm run start

> #### To run a production build

>

> -   yarn build

> -   yarn start

> #### Features

>

> -   Create Column

> -   Move tickets between the various columns

> -   Create ticket under each column

> -   View task details in a Modal by clicking the task title

> -   Also View task via a shareable link by copying and pasting the url in another tab

> -   Copy ticket link to Clipboard