https://github.com/taurusilver7/shuffleboard-ui
A react powered project-management board, styled with SASS, and react-beautiful-dnd
https://github.com/taurusilver7/shuffleboard-ui
Last synced: over 1 year ago
JSON representation
A react powered project-management board, styled with SASS, and react-beautiful-dnd
- Host: GitHub
- URL: https://github.com/taurusilver7/shuffleboard-ui
- Owner: taurusilver7
- Created: 2022-07-24T09:03:42.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-07-24T09:19:40.000Z (almost 4 years ago)
- Last Synced: 2025-02-02T12:35:53.320Z (over 1 year ago)
- Language: JavaScript
- Size: 513 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# A Project Management Shuffle Board
> A project management tool kit to seggregate to-do, in progress, and completed tasks, created using React JS and styled with SASS.
## Setup
```bash
yarn create react-app
# and
cd
# and
yarn start (to start the development server on local machine)
# Dependencies
yarn add sass react-beautiful-dnd uuid
```
## Build
- Refactor the starter template to create a management tool board.
- Import [sass](https://sass-lang.com/) & uuid to creata mockdata for the task cards in the board.
Import [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd/) to switch the card between sections.
Google font: [Lato](https://fonts.google.com/specimen/Lato?query=lato)
- Create two components - board & cards.
- Follow the instructions from react-beautiful-dnd Draggable & Droppable components to get the UI interface running.
- Create the DragEnd function where the cards could be dragged btween sections on the board.
- Import gh-pages to deploy the application on github.
### Deployment
This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)
### `yarn build` fails to minify
This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)