MyBaseCamp

Plan

  1. Intro
  2. Logic
  3. Code
  4. Conclusion
  5. Next improvements

Intro

Приветствую вас всех, ребята! Сегодня мы сделаем проект MyBaseCamp.

А Что такое Май Бейскамп?

Это проект – который, является мини-аналогом данного веб-сервиса, помогающий при работе с выполнением проектов. И поэтому наш мини-прототив будет иметь следующие основные функции – как:

  • Авторизация
  • Создание/Удаление/Редактирование проекта
  • Добавление участников на проект
  • Выдача прав пользователям.

Сам проект один из самых лучших проектов (как по мне) для начинающих фулл-стак разработчиков т.к будут темы:

  • Внедрение MVC паттерна
  • Написание своего API
  • Работа с БД

В node.js научимся работать с:

  • Express
  • Mongoose

Logic

1. Пользователь сначала должен авторизоваться в нашей платформе. Неавторизованные пользователи не могут работать в нашей системе. Поэтому для регистрации и логина вводятся определенные данные как nickname, password, поле name только при регистрации.

2.Затем, на экране пользователя отобразиться главня панель с несколькими вкладками как My Projects, My Profile, All users.

My projects – вкладка для работы с проектами. (Создание, удаление, редактирование и добавление пользователей на проект).

My Profile вкладка, где отображается информация о вас, как пользователь нашей системы.

All usersвкладка, где представлен список всех пользователей с их информациями как, name, nickname, ID.

3. Основная вкладка, с которым пользователь будет часто работать – какая панель? Да, вкладка My Projects. И поэтому сейчас рассмотрим функции данной вкладки. Основные функции таковы:

  • Создание проекта:

После нажатия кнопки <start a new project> появляется окошко, где требуется ввести цель, описание и название проекта и нажать на кнопку создать. Создаться новый проект, добавленный в наш БД, затем страница перезаргузится чтобы увидеть данный проект.

  • Удаление проекта:
  • Приглашение пользователей:
  • Редактирование проекта:

Code

Напишем наконец-то данный проект ! Написания кода к данному проекты представлен в виде видео-материала и прикриплено снизу требований к проекту.

Требования:

Link to LS: <will be soon>.

Conlusion

И таким, образом мы создали один из крупных проектов в рамках данного трека. Мы узнали как реализовывать mvc-паттерн в node.js, писать свой API, подключение к БД и взаимодействие фронта и бэкенда в нашем проекте и т.д. Надеюсь обьяснение было доступным и полезным. До скорой встречи!

Next improvements

  • Добавить поле статус админа, где данный пользователь может удалять аккаунты, проекты любого пользователя кроме корневого админа.
  • Реализовать функцию как редактирование проекта на фронтенд-части проекта. То есть, мы лишь написали запрос на бэкенде для редактирования проекта, но то, как использовать это на пользовательской стороне — ваша задача.
  • Улучшить дизайн.
  • Добавить одну уникальную фичу, которую вы сами хотели бы видеть как пользователь.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.