trello clone mern

Клон Trello с Mern Stack!

Это приложение, построенное с Mern Stack, и вы можете получить доступ к демонстрации в прямом эфире, и вы можете щелкнуть следующее изображение, чтобы посмотреть видео!

Нажмите на изображение, чтобы посмотреть видео!

Цель

Моя цель разработки этого проекта - показать, что я могу сделать как на фронте, так и на бэкэнд. Я также хотел бы отметить, что это мой первый проект как Mern Stack.

Функции

• Полностью отзывчивый дизайн, такой как Trello
• Зарегистрируйтесь и войдите в систему
• Создайте несколько плат, выберите любой фон и добавьте участники
• Создайте несколько списков
• Создайте несколько карт
• Перетаскивать списки или карты
• Изменить заголовок и фон доски
• Добавить описание для платы
• Изменить заголовок списков
• Добавить описание, цвет обложки, участники, этикетки, дата запуска, дата срока, несколько контрольных списков и несколько прикреплений
• Удалить доски, списки или карты
• Отслеживайте все журналы карт и досок
• Комментируйте карты или доски
• Поисковые доски или названия карт

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

Серверная сторона	Клиентская сторона	Только развитие
Экспресс	Стили-компоненты	Nodemon
Экспресс, если бы	Reduxjs-Toolkit
мангуста	React-beautiful-dnd
корр	Материал-Уи
путь	Аксиос
Dotenv	дата-фнс
jsonwebtoken	мгновенный
bcryptjs	Atlaskit/CSS-Reset
	React-Hook/Mouse Sosition
	реагировать
	реагировать крючки

Как бежать?

• Скачать Nodejs здесь

• Для базы данных вы можете использовать локальный MongoDB или Mongo Atlas. Смотрите здесь

• Клонировать репозиторий:

  git clone https://github.com/umurdogann/trello-clone-mern

• Справочник изменения:

  cd trello-clone-mern

• Откройте второй терминал в том же месте:

  • Ubuntu: gnome-terminal
  • Windows: start

• Изменить каталог первого терминала и установить пакеты:

  cd server

  npm install

• Создать файл .env в каталоге сервера, например .env.example и введите необходимые переменные

• Запустить сервер:

  npm run start

• Переключить второй терминал

• Изменить каталог второго терминала и установить пакеты:

  cd client

  npm install

• Начните клиента:

  npm run start