Skip to content

Trello Clone using React Js, React hooks, Redux, React DnD and TypeScript

Notifications You must be signed in to change notification settings

munchedbox23/react-clone-trello

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

57 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Trello Clone

trello-main56526dcf64c4ffc4.png

Оглавление

  1. Описание проекта
  2. Реализация
  3. Установка
  4. Функционал
  5. Дальнейшие планы
  6. Скриншоты

1. Описание проекта

Проект "Trello Clone" - это веб-приложение, разработанное с использованием React Js, React hooks, Redux, React DnD и TypeScript. Оно представляет собой копию популярного сервиса Trello, который используется для управления проектами и задачами. Приложение позволяет пользователям создавать доски, на которых можно создавать списки задач и карточки с подробным описанием. Карточки можно перемещать между списками, изменять их статус и добавлять комментарии. Также пользователи могут приглашать других пользователей на свои доски и делиться задачами.

2. Используемый стек технологий

    React  Redux   CSS  Jest  Cypress  TypeScript  HTML  Webpack  JavaScript 

3. Установка и запуск

Клонирование проекта
  • https://github.com/munchedbox23/react-clone-trello.git - clone project by HTTPS(HTTP + TSL)
  • npm install - Установка зависимостей
  • cd src/utils далее npx json-server fakeApi.json - запустить сервер с данными
  • npm start - Запуск проекта на лольном сервере
  • npm run build - Полная сборка проект
  • npm run test - Запуск тестов
  • npm run predeploy - Запуск сборки проекта перед деплоем
  • npm run deploy - Запуск деплоя на GitHub Pages

4. Функционал

  • Регистрация и авторизация пользователей
  • Drag and Drop
  • Создание досок
  • Настройка таблиц доски
  • Поиск досок
  • Редактирование личных данных

5. Дальнейшие планы

На данный момент проект находится в процессе разработки

6. Скриншоты

trello-first-scr.png trello-second-scr.png trello-board.png create-trello.png login-trello.png filling-trello-board.png

About

Trello Clone using React Js, React hooks, Redux, React DnD and TypeScript

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages