Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/om-jannu/kanbanboardquicksell
https://github.com/om-jannu/kanbanboardquicksell
Last synced: 1 day ago
JSON representation
- Host: GitHub
- URL: https://github.com/om-jannu/kanbanboardquicksell
- Owner: Om-jannu
- Created: 2023-08-12T20:29:54.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-08-16T12:19:22.000Z (over 1 year ago)
- Last Synced: 2024-11-24T13:08:32.424Z (2 months ago)
- Language: JavaScript
- Homepage: https://kanbanquicksell.netlify.app/
- Size: 13.8 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Kanban Board
The Kanban Board is a web application built using React.js and React Bootstrap that allows users to manage and organize tickets based on different groupings and sorting criteria. The app provides a visual representation of tickets in columns, each representing a specific grouping (status, user ID, or priority). Users can easily add new tickets to the columns and interact with existing tickets.
## Preview
1. State 1
2. State 2
## Features
- **Grouping and Sorting:** Users can group and sort tickets based on different criteria such as status, user ID, and priority. The app provides an intuitive interface for selecting these grouping and sorting options.
- **Ticket Visualization:** Tickets are visually represented in columns, allowing users to quickly identify and manage tickets based on their attributes.
- **Ticket Details:** Each ticket card displays relevant details such as title, priority, and status. The app also provides visual indicators for priority and status.
- **Add New Ticket:** Users can add new tickets to the columns by clicking the "Add" button. A modal window pops up to capture ticket details, such as title, priority, and status.
- **Responsive Design:** The app is designed to work seamlessly on both desktop and mobile devices, providing a consistent user experience across different screen sizes.
## Getting Started
### Prerequisites
- Node.js and npm (Node Package Manager) installed on your machine.
### Installation
1. Clone the repository to your local machine:
```bash
git clone https://github.com/Om-jannu/kanbanboard.git
```
2. Install project dependencies:
```bash
npm install
```
### Usage
1. Start the development server:
```bash
npm start
```
2. Open your web browser and go to `http://localhost:3000` to access the app.
### Configuration
- Modify the `groupOptions` and `sortOptions` arrays in `App.js` to customize the available grouping and sorting options.
- Customize the modal content in the `Board` component of `Board.js` to capture the desired ticket details.
## Contributors
- [Om Jannu](https://github.com/Om-jannu)