/web-app-DrinkMaster-react-team-project

Primary LanguageJavaScript

React DrinkMaster

React

Огляд проекту

Це веб-додаток, який був створений командою "КіберСвіт" для тих, хто цінує атмосферу коктейльної культури та різноманіття напоїв. Наш додаток дозволяє зручно користуватися широкою бібліотекою напоїв. Тут ви можете легко знаходити, переглядати та обирати напої із нашого розмаїття, а також зберігати свої улюблені та навіть створювати власні.

Зміст

  1. Огляд проекту
  2. Бекенд
  3. Функціонал
  4. Як почати
  5. Технології
  6. Команда

Бекенд

GitHub Swagger / API Docs

Функціонал

Наш додаток пропонує ряд зручних можливостей, які дозволяють вам насолоджуватися особистим досвідом та внести свій внесок до спільноти.

  • Автентифікація користувача: Створіть власний обліковий запис та керуйте ним, персоналізуючи свій досвід використання додатка.

  • Додавання своїх напоїв: Поділіться своїми унікальними рецептами напоїв із спільнотою, додавши їх до нашої бібліотеки.

  • Пошук напоїв: Здійснюйте пошук напоїв за різними критеріями, такими як назва, інгредієнти чи тип.

  • Перегляд рецептів: Після виконаного пошуку переглядайте інформацію про напій, включаючи список інгредієнтів, інструкції з приготування та зображення.

  • Додавання обраних: Зареєстровані користувачі можуть додавати напої до свого списку обраних, щоб зручно зберігати та знаходити свої улюблені напої.

  • Додавання власних рецептів: Додавайте власні рецепти коктейлів та напоїв, вказуючи назву, перелік інгредієнтів та інструкції з виготовлення. Ваш внесок допомагає розширювати нашу бібліотеку та дозволяє вам поділитися своїми улюбленими створеннями з іншими користувачами.

Як почати

  1. Клонуйте репозиторій: git clone https://github.com/IrynaDidkivska/DrinkMaster
  2. Встановіть залежності: npm install
  3. Запустіть додаток: npm start

Технології

Цей проект був створений за допомогою Vite + React. Проект використовує такі технології та інструменти:

Фронтенд
  • React - JavaScript бібліотека для розробки інтерфейсів користувача.
  • Redux - Контейнер стану для JavaScript додатків.
  • HTML5 - Остання версія мови розмітки для створення веб-сторінок.
  • CSS3 - Остання версія таблиці стилів для оформлення веб-сторінок.
  • Styled Components - Бібліотека для написання CSS в стилі JavaScript для компонентів React.
  • JavaScript - Мова програмування для реалізації динамічної поведінки веб-сторінок.
  • GitHub - Веб-платформа для зберігання та спільної
Бекенд
  • NodeJS - JavaScript середовище виконання на стороні сервера.
  • MongoDB - NoSQL база даних.
  • Swagger - Інструмент для документування API.
  • GitHub - Веб-платформа для зберігання та спільної роботи з кодом.
Дизайн та управління проектом
  • Figma - Інструмент для дизайну та прототипування веб-сторінок.
  • Trello - Інструмент для управління проектами та завданнями.
Комунікація та Онлайн-Зустрічі
  • Discord - Платформа для текстової та голосової комунікації в реальному часі.
  • Slack - Платформа для комунікації та спільної роботи команди.
  • Zoom - Платформа для відеоконференцій та онлайн-зустрічей.

Команда

Проект розроблений командою "КіберСвіт":

  • Ірина Дідківська: Тімлід/Розробник.
  • Олексій Берківський: Тімлід-Бекенд/Розробник
  • Ігор Золотоверх: Скрам-мастер/Розробник
  • Олег Андрійчук: Розробник
  • Ольга Лазаренко: Розробник
  • Тарас Ковалик: Розробник
  • Юлія Платонова: Розробник
  • Ілля Чечельницький: Розробник
    • [GitHub]
    • [LinkedIn]

React DrinkMaster