Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rajsoni06/quicksell_assignment_-raj-anand-soni-

Kanban Board Frontend Assignment
https://github.com/rajsoni06/quicksell_assignment_-raj-anand-soni-

Last synced: 3 days ago
JSON representation

Kanban Board Frontend Assignment

Awesome Lists containing this project

README

        

# QuickSell_Assignment_(Raj_Anand_Soni)

![Screenshot 2024-01-02 200931](https://github.com/rajsoni06/QuickSell_Assignment_-Raj-Anand-Soni-/assets/113697967/cdc25570-0e2c-4216-a063-46e31b81832b)

Grouping - Priority

![Screenshot 2024-01-02 201008](https://github.com/rajsoni06/QuickSell_Assignment_-Raj-Anand-Soni-/assets/113697967/523d4466-f98e-4b8c-adbb-8f8baac87aa6)

Grouping - User

![Screenshot 2024-01-02 201033](https://github.com/rajsoni06/QuickSell_Assignment_-Raj-Anand-Soni-/assets/113697967/ceda157d-f861-46eb-810a-bd7063334417)

Grouping - Status

# Video

https://github.com/rajsoni06/QuickSell_Assignment_-Raj-Anand-Soni-/assets/113697967/61ed8bab-1ef8-4216-b6d9-3e01111cd532

Interactive Kanban Board

# React Kanban Board

An interactive Kanban board application built with React that interacts with the [QuickSell API](https://api.quicksell.co/v1/internal/frontend-assignment).
## Technologies
- React
- Redux
- Axios
- React-Icons
- React-Router
## Features

- **Grouping Options**: Group tasks by Status, User, or Priority.
- **Ordering Options**: Order tasks by Priority or Title.
- **Interactive UI**: Manage tasks with an interactive interface.

## Getting Started

1. Clone the repository:
```shell
git clone https://github.com/Amiyanshu-web/quicksell-KanbanBoard.git

2. Install dependencies:
```shell
cd quicksell-KanbanBoard
npm install
3. Starting the development server:
```shell
npm start
## Usage
- Click the "Display" button to open the display options.
- Select a grouping option (Status, User, Priority) and an ordering option (Priority, Title).
- The Kanban board will dynamically adjust to display tasks based on your selections.