Forum Client

Frontend-часть веб-форума / сервиса
Реализовано на React + TypeScript + Vite.

Проект предоставляет интерфейс для поиска и отображения продуктов/услуг, а в будущем будет расширен до полноценной платформы с личным кабинетом и сервисом для управления услугами и квитанциями.

---

📁 Стек технологий

• React 18
• TypeScript
• Vite
• Redux Toolkit (глобальное состояние)
• React Router v6 (RouterProvider)
• fetch (для API-запросов)
• CSS Modules (модульные стили)
• ESLint + Prettier (линтинг и форматирование)

---

🚀 Установка и запуск

1. Клонировать репозиторий

   git clone https://github.com/D1edDuck/forum_client.git
   cd forum_client
   Установить зависимости

bash Копировать код npm install

или

yarn Запуск в режиме разработки

bash Копировать код npm run dev

или

yarn dev Сборка для продакшена

bash Копировать код npm run build

или

yarn build Просмотр собранного проекта

bash Копировать код npm run preview 🏗 Структура проекта csharp Копировать код forum_client/ │ ├─ public/ # статические файлы ├─ src/ │ ├─ api/ # API-запросы и типы │ ├─ app/ # конфигурация (store, router, хуки) │ ├─ features/ # Redux-slices (catalog, products и т.д.) │ ├─ hooks/ # кастомные хуки React │ ├─ pages/ # страницы приложения │ ├─ components/ # UI-компоненты │ └─ styles/ # глобальные стили ├─ index.html ├─ vite.config.ts ├─ package.json └─ tsconfig.json 🔍 Реализованный функционал 📦 Поиск и фильтрация продуктов

По бренду

По цене (min/max)

По наличию

🔄 Глобальное состояние через Redux Toolkit

🔎 Поиск продуктов через API (/api/products/search)

⬆️ ScrollToTop — сброс позиции скролла при переходах между страницами

🧩 Полная типизация компонентов, хуков и API-запросов

🛠 В планах (Roadmap) В ближайших обновлениях планируется:

🔑 Авторизация и регистрация пользователей

📝 Запись на услугу

📄 Сервис для отслеживания квитанций (управление счетами и оплатами)

👤 Личный кабинет пользователя

🛠 Админ-панель для управления контентом и пользователями

📦 Сервер (бэкенд) Данный репозиторий — только клиентская часть. Серверная часть с API, которая предоставляет:

поиск продуктов /api/products/search

управление пользователями (будет реализовано позже)

сервис для учёта квитанций (будет реализовано позже)

👤 Автор Автор: Igor Mazurenko

GitHub: https://github.com/D1edDuck