Клієнтська частина проекту "DRINK-MASTER", яка надає інтерфейс користувача для перегляду та замовлення напоїв. /
The client part of the DRINK-MASTER project, which provides a user interface for viewing and ordering drinks.
- Переконайтеся, що на вашому комп'ютері встановлені Node.js та npm. / Make sure you have Node.js and npm installed on your computer.
- Встановіть залежності проекту командою
npm install/ Install the project dependencies with the commandnpm install. - Запустіть клієнтську частину за допомогою команди
npm run dev/ Run the client side with the commandnpm run dev. - Відкрийте ваш веб-браузер і перейдіть за посиланням http://localhost:5173/Drink_master для перегляду додатку. / Open your web browser and follow the link http://localhost:5173/Drink_master to view the application.
- Перегляд доступних напоїв та їх описів. / View available drinks and their descriptions.
- Світла та темна тема / Light and dark theme
-
Додавання напоїв до власної колекції. / Adding drinks to your own collection.
-
Можливість створення рецепту власного напою з індивідульно підібраними інгридієнтами. / The ability to create your own drink recipe with individually selected ingredients.
- Зручний інтерфейс для навігації між сторінками за допомогою React Router. / A user-friendly interface for navigating between pages with React Router.
- Базовий дизайн та функціонал сторінок. / Basic design and functionality of the pages.
- Світла та темна тема. / Light and dark theme.
- Створення та аутентифікація користувача. / User creation and authentication.
- Інтеграція з REST API бекенду для отримання даних про напої та користувача. / Integration with the backend REST API to receive data about drinks and the user.
- Реалізований зручний пошук по колекції напоів. / Implemented a convenient search for the drinks collection.
- Додана можливість створення нових напоїв та їх додавання до колекції улюблених напоїв. / Added the ability to create new drinks and add them to the collection of favourite drinks.