/Yummy

Социальная сеть для обмена рецептами / Social network for sharing recipes💭🍰 Angular

Primary LanguageTypeScript


Logo

Yummy

Октябрь 2023 - ...

Социальная сеть для обмена рецептами
Ссылка на проект · Баги · Мой LinkedIn

Содержание
  1. О проекте
  2. Технологии
  3. Начало разработки
  4. Периодичность использования
  5. Библиотеки
  6. Автор
  7. Галерея

О проекте 📢

Проект "Yummy" представляет собой веб-приложение, созданное для любителей кулинарии и профессиональных кулинаров. Цель приложения - облегчить обмен рецептами, идеями и кулинарным опытом между пользователями. Сайт создан для людей, которые хотят найти сообщество по интересу, а также для людей, которые хотят найти конкретные рецепты, поделиться собственными рецептами, узнать больше о ингредиентах, планировать рецепты.

Доступная на данный момент функциональность:

  • создание и редактирование рецептов, ингредиентов, категорий;
  • управление профилем пользователя;
  • оценка, сохранение и комментирование рецептов;
  • подписка на других пользователей;
  • планирование рецептов и создание списка покупок;
  • поиск рецептов по ингредиентам и категориям;
  • уведомления о запланированных рецептах и обновлениях от интересующих кулинаров;
  • получение достижений;
  • настройки интерфейса и уведомлений;
  • обмен рецептами и страницами кулинаров в социальных сетях.

(наверх)

Технологии ⚙️

  • Frontend: Angular (TypeScript)
  • Backend: Express.js (Node.js)
  • База данных: MySQL
  • IDE: Visual Studio Code

(наверх)

Начало разработки 🚀

Запустите команду npm install для установки необходимых для разработки зависимостей.

Запустите ng serve для начала разработки. Откройте http://localhost:4200/. Приложение автоматически перезагрузится, если вы измените какой-либо из исходных файлов.

Запустите ng build, чтобы собрать проект. Сборка будет храниться в каталоге dist/.

(наверх)

Периодичность использования 📊

Периодичность использования сайта может зависеть от различных факторов и потребностей пользователей. Предполагаемые случаи использования могут включать:

  • ежедневное использование: пользователи могут регулярно заходить на платформу для создания, редактирования и просмотра рецептов, общения с другими участниками и отслеживания обновлений;
  • планирование меню: возможность создания списков покупок и планирования приготовления рецептов может стимулировать использование сайта перед походом в магазин или во время подготовки кулинарных планов;
  • особые события: пользователи могут активнее использовать приложение во время особых событий, таких как праздники, вечеринки или другие случаи, требующие особого внимания к готовке;
  • получение уведомлений: периодичное использование может быть связано с получением уведомлений, например, пользователи будут заходить на сайт, чтобы проверить активность под своими рецептами;
  • интерес к кулинарным трендам: пользователи могут чаще посещать сайт при потребности в новых идеях и вдохновении.

(наверх)

Библиотеки 📚

Используемые библиотеки:

  • angular-svg-icon;
  • angular-flatpickr;
  • angular-material;
  • angular-calendar;
  • ngx-emoji-mart;
  • ng-time-past-pipe;
  • ngx-drag-scroll;
  • ngx-sharebuttons;
  • time-ago-pipe.

(наверх)


Автор 💡

Автор проекта: Кузьменок Полина :)
@Yummy · @Instagram · @LinkedIn · @Telegram · @ВКонтакте

(наверх)

Галерея 🖼️

Все рецепты:

Все ингредиенты:

Все категории:

Все кулинары:

Пример страницы рецепта:

Пример некоторых форм:

Пример страницы пользователя:

Подписчики/подписки:

Настройки:

Панель уведомлений:

Календарь рецептов:

Список покупок:

Страница с новостями об изменениях:

Панель управления:

(наверх)