{"id":23380990,"url":"https://github.com/anyabravich/youmeal","last_synced_at":"2026-04-15T10:37:53.757Z","repository":{"id":246962243,"uuid":"820565242","full_name":"anyabravich/youmeal","owner":"anyabravich","description":"🍔 Приложение для ресторана быстрого питания. Разработано с использованием React","archived":false,"fork":false,"pushed_at":"2025-01-11T14:02:09.000Z","size":3480,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-14T05:19:31.687Z","etag":null,"topics":["react","scss","styled-component","typescipt","vite"],"latest_commit_sha":null,"homepage":"https://youmeal.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/anyabravich.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-06-26T18:15:22.000Z","updated_at":"2025-01-11T14:02:12.000Z","dependencies_parsed_at":"2024-12-21T20:37:29.625Z","dependency_job_id":"10877c57-b9cf-4184-8a7d-af50fa01c35e","html_url":"https://github.com/anyabravich/youmeal","commit_stats":null,"previous_names":["kolchinanyajs/youmeal","anyabravich/youmeal"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anyabravich%2Fyoumeal","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anyabravich%2Fyoumeal/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anyabravich%2Fyoumeal/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anyabravich%2Fyoumeal/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/anyabravich","download_url":"https://codeload.github.com/anyabravich/youmeal/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247801169,"owners_count":20998339,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["react","scss","styled-component","typescipt","vite"],"created_at":"2024-12-21T20:37:14.075Z","updated_at":"2026-04-15T10:37:53.747Z","avatar_url":"https://github.com/anyabravich.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🍔 YouMeal\n\n\u003cimg src=\"https://i.ibb.co/Xbfgv3h/Notion-Cover.jpg\" alt=\"Cover\" style=\"width: 100%; height: auto; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1);\"\u003e\n\n\u003e Современное веб-приложение для заказа еды с интуитивным интерфейсом и удобной корзиной покупок\n\n## 📋 Описание\n\nYouMeal — это полнофункциональное веб-приложение для заказа еды, построенное на React и TypeScript. Приложение предлагает широкий ассортимент блюд: от сочных бургеров до хрустящих закусок и ароматных хот-догов.\n\n### ✨ Основные возможности\n\n- 🍔 **Каталог продуктов** — бургеры, закуски, хот-доги с детальными описаниями\n- 🏷️ **Фильтрация по категориям** — удобная навигация по типам блюд\n- 🛒 **Корзина покупок** — добавление, удаление и изменение количества товаров\n- 📱 **Адаптивный дизайн** — отлично работает на всех устройствах\n- 🎨 **Современный UI** — стильный интерфейс с использованием Styled Components\n- ⚡ **Быстрая работа** — оптимизированная производительность с Vite\n\n## 🚀 Технологии\n\n- **Frontend**: React 19, TypeScript\n- **Стилизация**: Styled Components, Polished\n- **Сборка**: Vite\n- **Линтинг**: ESLint\n- **Архитектура**: Feature-based структура компонентов\n\n## 🛠️ Установка и запуск\n\n### Предварительные требования\n\n- Node.js (версия 22)\n- npm или yarn\n\n### Шаги установки\n\n1. **Клонируйте репозиторий**\n\n   ```bash\n   git clone git@github.com:anyabravich/youmeal.git\n   cd youmeal\n   ```\n\n2. **Установите зависимости**\n\n   ```bash\n   npm install\n   ```\n\n3. **Запустите проект в режиме разработки**\n\n   ```bash\n   npm run dev\n   ```\n\n4. **Откройте браузер**\n   ```\n   http://localhost:5173\n   ```\n\n### Другие команды\n\n```bash\n# Сборка для продакшена\nnpm run build\n\n# Предварительный просмотр сборки\nnpm run preview\n\n# Проверка кода линтером\nnpm run lint\n```\n\n## 📁 Структура проекта\n\n```\nsrc/\n├── components/           # Компоненты приложения\n│   ├── common/          # Общие компоненты (ErrorBoundary, LabelContext)\n│   ├── features/        # Функциональные компоненты\n│   │   ├── Basket/      # Корзина покупок\n│   │   ├── Cards/       # Карточки товаров\n│   │   ├── Hero/        # Главный баннер\n│   │   └── Labels/      # Фильтры категорий\n│   ├── layout/          # Компоненты макета\n│   │   ├── Header/      # Шапка сайта\n│   │   ├── Footer/      # Подвал\n│   │   ├── Main/        # Основной контент\n│   │   └── Popups/      # Модальные окна\n│   └── ui/              # UI компоненты\n│       ├── Button/      # Кнопки\n│       ├── Card/        # Карточки\n│       ├── Input/       # Поля ввода\n│       └── Icons/       # Иконки\n├── hooks/               # Пользовательские хуки\n├── styles/              # Глобальные стили и тема\n├── types/               # TypeScript типы\n├── utils/               # Утилиты\n└── mock/                # Моковые данные\n```\n\n## 🎯 Функциональность\n\n### Каталог товаров\n\n- Отображение карточек с изображениями, ценами и весом\n- Фильтрация по категориям (бургеры, закуски, хот-доги)\n- Адаптивная сетка для разных размеров экрана\n\n### Корзина покупок\n\n- Добавление товаров в корзину\n- Изменение количества товаров\n- Удаление товаров из корзины\n- Подсчет общей стоимости\n\n### Модальные окна\n\n- Детальная информация о товаре\n- Форма заказа и доставки\n- Управление количеством товаров\n\n## 🎨 Дизайн\n\nПриложение использует современный дизайн с:\n\n- Адаптивной версткой для всех устройств\n- Интуитивной навигацией\n- Привлекательными анимациями\n- Консистентной цветовой схемой\n\n## 📱 Адаптивность\n\n- **Desktop**: Полнофункциональный интерфейс\n- **Tablet**: Оптимизированная сетка и размеры\n- **Mobile**: Мобильная версия с touch-friendly элементами\n\n## 🔧 Разработка\n\n### Добавление новых товаров\n\nТовары добавляются в файл `src/mock/goods.ts`:\n\n```typescript\n{\n  id: 13,\n  image: \"/images/cards/card-13.jpg\",\n  price: 350,\n  title: \"Новый бургер\",\n  weight: 400,\n  category: ProductCategory.BURGERS,\n}\n```\n\n### Добавление новых категорий\n\n1. Обновите enum `ProductCategory` в `src/types.ts`\n2. Добавьте иконку в `src/components/features/Labels/data.ts`\n3. Добавьте изображение иконки в `public/images/labels/`\n\n## 📄 Лицензия\n\nЭтот проект создан в образовательных целях.\n\n---\n\n\u003cdiv align=\"center\"\u003e\n  \u003cp\u003eСделано с ❤️ для любителей вкусной еды\u003c/p\u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanyabravich%2Fyoumeal","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanyabravich%2Fyoumeal","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanyabravich%2Fyoumeal/lists"}