📋Kanban📋

• ✨DEMO✨
• ✏️TASK✏️

📋About📋

Responsive kanban website that uploads draggable repo issues. Issue manipulations are stored in localStorage and Redux Persist. There are also two Cypress tests that check whether a notification occurs when loading issues fails and drag-and-drop implementation.

Example links for testing:

• https://github.com/facebook/react
• https://github.com/facebook/react-native
• https://github.com/facebook/docusaurus

🔮Technologies used🔮

• React, React Router DOM
• Redux, Redux Toolkit, Redux Persist
• TypeScript
• JavaScript
• HTML
• CSS
• SCSS
• Eslint
• Cypress
• Axios
• React Beautiful DnD
• React-Bootstrap
• Vite

🔍Functional🔍

• Loading issues

• Drag-and-drop

• Responsiveness

📌Instructions how to run application locally📌

1. Clone the repository to your local machine.
2. Open terminal in the project.
3. Set up project and install necessary packages:

npm install

4. Add command to terminal:

npm run dev

5. Open application in your browser http://127.0.0.1:5173/kanban/

📌Instructions how to run Cypress tests📌

1. Make sure you run the application locally
2. Add command to terminal:

npm run cypress

3. Follow instructions that appear