https://github.com/yuriyvyatkin/trello-analog

Аналог Трелло
https://github.com/yuriyvyatkin/trello-analog

css drag-and-drop html js webpack

Last synced: about 1 month ago
JSON representation

Аналог Трелло

• Host: GitHub
• URL: https://github.com/yuriyvyatkin/trello-analog
• Owner: yuriyvyatkin
• License: mpl-2.0
• Created: 2024-01-03T13:50:42.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2024-01-03T15:22:37.000Z (almost 2 years ago)
• Last Synced: 2025-02-23T00:44:16.264Z (8 months ago)
• Topics: css, drag-and-drop, html, js, webpack
• Language: JavaScript
• Homepage: https://yuriyvyatkin.github.io/trello-analog
• Size: 101 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
## Аналог Трелло

**🛠️ Стек**

JS + CSS + HTML

**⚙️ Реализовано**:

  -  Доска из трех колонок

  -  Добавление карточки с помощью кнопки 'Добавить карточку'

  -  Удаление карточки при наведении с помощью иконки крестика

  -  Перемещать карточки как внутри колонки, так и между колонками

  -  Поворот карточки во время переноса

  -  Выделение места под карточку при ее переносе

  -  Хранение всего состояния доски в LocalStorage и построение DOM-дерева на базе его состояния

  -  Обработка ситуации, связанной с выносом карточки за пределы доски

  -  Комментарии

**📚 Инструкция по работе с проектом**

##### 1. Клонирование

```

git clone https://github.com/yuriyvyatkin/trello-analog.git

```

```

cd trello-analog

```

##### 2. Установка зависимостей

```

npm install

```

##### 3. Запуск

```

npm build

```

```

npm start

```