Plan
- Intro
- Logic
- Code
- Conclusion
- 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
Напишем наконец-то данный проект ! Написания кода к данному проекты представлен в виде видео-материала и прикриплено снизу требований к проекту.
Требования:
- Должен быть установлен Node.js. ( https://nodejs.org/en/)
- Иметь аккаунт в MongoDB Atlas. (https://www.youtube.com/watch?v=rPqRyYJmx2g)
Link to LS: <will be soon>.
Conlusion
И таким, образом мы создали один из крупных проектов в рамках данного трека. Мы узнали как реализовывать mvc-паттерн в node.js, писать свой API, подключение к БД и взаимодействие фронта и бэкенда в нашем проекте и т.д. Надеюсь обьяснение было доступным и полезным. До скорой встречи!
Next improvements
- Добавить поле статус админа, где данный пользователь может удалять аккаунты, проекты любого пользователя кроме корневого админа.
- Реализовать функцию как редактирование проекта на фронтенд-части проекта. То есть, мы лишь написали запрос на бэкенде для редактирования проекта, но то, как использовать это на пользовательской стороне — ваша задача.
- Улучшить дизайн.
- Добавить одну уникальную фичу, которую вы сами хотели бы видеть как пользователь.
