FakeStore

FakeStore — це e-commerce застосунок, що дозволяє користувачам переглядати товари, додавати їх у кошик та оформлювати замовлення. Фронтенд реалізовано на React, а бекенд — на NestJS із PostgreSQL.

📌 Основні можливості

✅ Реєстрація та авторизація користувачів

✅ Перегляд каталогу товарів та їх фільтрація

✅ Додавання товарів у кошик

✅ Оформлення замовлень

✅ Управління профілем користувача

✅ Адаптивний дизайн (Mobile-friendly)

🛠 Стек технологій

• Frontend: React, TypeScript, Redux Toolkit (RTK Query)
• Backend: NestJS, TypeORM, PostgreSQL
• Авторизація: JWT (JSON Web Tokens)

📂 Структура проєкту

Frontend/
│── public/            # Статичні файли
│── src/
│   ├── app/           # Стан, сховище
│   ├── components/    # UI-компоненти
│   ├── hooks/         # Кастомні хуки
│   ├── images/        # Зображення, іконки
│   ├── models/        # Інтерфейси, моделі, dto
│   ├── pages/         # Сторінки застосунку
│   ├── scss/          # Стилі
│   ├── services/      # Сервіси
│   ├── utils/         # Утилітні функції
│   ├── App.tsx        # Головний файл застосунку
│   ├── custom.g       # Оголошення модулів для імпорту зображень у TypeScript
│   ├── index.ts       # Головний файл застосунку
│── .gitignore         # Виключені файли
│── package.json       # Залежності проєкту
│── package-lock.json  # Залежності проєкту
│── README.md          # Документація
│── tsconfig.json      # Налаштування TypeScript

🔧 Як запустити проєкт

1️⃣ Клонування репозиторію

git clone https://github.com/kardash-sofia/FakeStore-Frontend.git

cd FakeStore-Frontend

2️⃣ Налаштування фронтенду

npm install # Встановлення залежностей

npm start # Запуск застосунку

📬 Контакти

📧 Email: sofiikardash@gmail.com

🐙 GitHub: github.com/kardash-sofia

💬 Telegram: @sofiikardash