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 для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.