Цей проєкт — фінальна командна робота, створена для закріплення навичок Fullstack-розробки в рамках навчального курсу.
Наша платформа дозволяє користувачам легко шукати, переглядати, створювати та зберігати улюблені рецепти.
-
🔐 Аутентифікація користувача
Надійна система реєстрації, входу та виходу з акаунту. -
📝 Створення власних рецептів
Зареєстровані користувачі можуть додавати та редагувати свої унікальні рецепти. -
❤️ Управління улюбленими рецептами
Можливість зберігати будь-які рецепти у списку улюблених. -
🔍 Фільтрація та пошук
Ефективний пошук за назвою, фільтрація за категоріями та інгредієнтами. -
📖 Детальний перегляд рецептів
Повна інформація про рецепт: опис, калорійність, час приготування. -
📱 Адаптивний дизайн
Інтерфейс оптимізований для мобільних, планшетів та десктопів.
Фронтенд:
React, Redux Toolkit, Redux Persist, React Router, React Hot Toast, React Select, Axios
Бекенд:
Node.js, Express, MongoDB
Інструменти розробки:
Git, GitHub, Swagger
Цей проєкт є результатом спільної роботи та ретельного рефакторингу.
Кожен учасник зробив значний внесок у його розробку:
| 👤 Учасник | Внесок у фронтенд |
|---|---|
| Тетяна Вієнко (Vitavanika) — Team Lead | Реалізація авторизації, форми реєстрації та входу, оновлення маршрутизації, рефакторинг |
| Ольга Чурсінова (HellGa13) — Scrum Master | Сторінка та логіка додавання нового рецепта |
| Тарас Рогів (rtt2018) | Компоненти Filters, NoRecipesFound, Redux-слайс filtersSlice |
| Костянтин Слободянюк (kostyaslob) | Компоненти Header та ModalMenu, логіка виходу з системи |
| Настя Калініченко (Stacy-york) | Компонент LoginForm, стилізація сторінки авторизації |
| Катерина Троян (katrin-troyan) | Сторінка RecipeViewPage, компоненти NotFound та RecipeDetails |
| Олексій Кулак (kulakaa073) | Компоненти Layout, Footer та SearchBox |
| Володимир Пахомов (VolodymyrPakhomov) | Компоненти RecipeCard та LoadMoreBtn |
| Сергій Климчук (Sergii-IT) | Створення sprite.svg, оптимізація іконок та фото |
| Дмитро Цаплін (vidklyk) | Компонент RecipesList, Redux-слайс для рецептів |
| Ліля Сівак (LiliiaNel) | Сторінка ProfilePage, Redux-слайс для профілю |
This project is a final team collaboration, developed to consolidate Fullstack development skills as part of a professional training program.
Our platform allows users to easily search, view, create, and save their favorite recipes.
-
🔐 User Authentication
Secure registration, login, and logout functionality. -
📝 Create Your Own Recipes
Registered users can add and edit their unique recipes. -
❤️ Manage Favorite Recipes
Save any recipe to your personal favorites list. -
🔍 Filtering and Search
Efficient search by recipe name, with filtering by category and ingredients. -
📖 Detailed Recipe View
Full recipe information including description, calories, and cooking time. -
📱 Responsive Design
Optimized interface for mobile, tablet, and desktop devices.
Frontend:
React, Redux Toolkit, Redux Persist, React Router, React Hot Toast, React Select, Axios
Backend:
Node.js, Express, MongoDB
Development Tools:
Git, GitHub, Swagger
This project is the result of collaborative effort and thoughtful refactoring.
Each team member contributed significantly to the frontend development:
| 👤 Member | Frontend Contribution |
|---|---|
| Tetiana Viienko (Vitavanika) — Team Lead | User authentication, registration/login forms, routing updates, refactoring |
| Olga Chursinova (HellGa13) — Scrum Master | Recipe creation page and logic |
| Taras Rohiv (rtt2018) | Filters component, NoRecipesFound, filtersSlice (Redux) |
| Kostyantyn Slobodyanyuk (kostyaslob) | Header and ModalMenu components, logout logic |
| Nastya Kalinichenko (Stacy-york) | LoginForm component, styling for auth page |
| Kateryna Troyan (katrin-troyan) | RecipeViewPage, NotFound and RecipeDetails components |
| Oleksii Kulak (kulakaa073) | Layout, Footer, and SearchBox components |
| Volodymyr Pakhomov (VolodymyrPakhomov) | RecipeCard and LoadMoreBtn components |
| Serhii Klymchuk (Sergii-IT) | sprite.svg creation, icon and image optimization |
| Dmytro Tsaplin (vidklyk) | RecipesList component, Redux slice for recipes |
| Liliia Sivak (LiliiaNel) | ProfilePage and Redux slice for user profile |