💎 The Official Identity of Oleg & Neuro Code Studio

Crafted in neon & harmony — a fusion of logic, art, and emotion.
_{💫 We don’t just design — we illuminate.
🧠 Built with passion by Oleg & Neuro Code Studio}

---

---

📚 BOOKSHOP SPA

Created with ❤️ by Oleg & Neuro Code Studio
_{We don’t just code — we create digital stories.
Мы не просто пишем код — мы создаём вдохновение.}

---

📚 Bookshop SPA

by Oleg & Neuro Code Studio

---

🌍 English Version

Overview

Bookshop SPA — a modern single-page online bookstore powered by Google Books API.
Users can explore book categories, view details, and manage their cart — all without reloading the page.

✨ Features

• 📘 Fetch books dynamically using Google Books API
• 🧠 Fully modular ES6 architecture
• ⚙️ Built with Webpack 5 (minification & optimization)
• 🧩 Components written in PUG, SCSS (BEM), and JS Modules
• 💾 Cart persistence via LocalStorage
• 🖼 Responsive layout (desktop, tablet, mobile)
• 🎢 Animated slider with auto-rotation and clickable dots
• 🔔 Smooth UI animations (hover, toast notifications, transitions)
• 🧱 Complete build system via npm run build

🧰 Technologies

• HTML (PUG)
• SCSS (BEM)
• JavaScript (ES6 modules)
• Webpack 5
• Google Books API
• Axios

---

🚀 Project Setup

# 🧩 Install dependencies
npm install

# ⚙️ Build main Bookshop project
npm run build

# 🚀 Run Bookshop (main site)
npm start

# 💎 Run Brand Kit (brand assets showcase)
npm run brand

# 🧹 Clean project (remove dist)
npm run clean

---

🇷🇺 Русская версия
Обзор
Bookshop SPA — это современный одностраничный интернет-магазин книг, подключённый к Google Books API.
Все действия — загрузка книг, смена категории, добавление в корзину — происходят без перезагрузки страницы.

✨ Возможности
📚 Получение данных о книгах через Google Books API

🧩 Модульная структура на ES6

⚙️ Сборка и минификация через Webpack 5

🎨 Используются PUG, SCSS (БЭМ) и JS-модули

💾 Сохранение корзины через LocalStorage

📱 Полная адаптивность под все устройства

🎢 Автоматический слайдер с плавной анимацией

🔔 Уведомления и эффекты интерфейса

🧱 Простая сборка через npm run build

🧰 Технологии
HTML (PUG)

SCSS (БЭМ)

JavaScript (ES6)

Webpack 5

Axios

Google Books API

---

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

```bash

# Установка всех зависимостей
npm install

# Сборка проекта Bookshop
npm run build

# Запуск Bookshop (главный сайт)
npm start

# Запуск Brand Kit (фирменная страница)
npm run brand

# Очистка проекта (удаление dist)
npm run clean

---

💎 Brand Kit Integration
A stylish presentation of our studio identity — logos, colors & QR codes.
Explore the project here → 🌌 Brand Kit by Oleg & Neuro Code Studio

Run locally:

```bash

npm run brand

---

### 👨‍💻 Authors
Oleg & Neuro Code Studio

We don’t just code — we create digital stories.
Мы не просто пишем код — мы создаём вдохновение.

---

# Запуск Brand Kit (фирменная страница)
npm run brand

---

### 💫 Authors

**Oleg & Neuro Code Studio**

We don’t just code — we create digital stories.
Мы не просто пишем код — мы создаём вдохновение.

---

❤️ Created with Love

Created with ❤️ by Oleg & Neuro Code Studio
🧠 A fusion of logic, art & emotion — built with harmony and inspiration.
_{© 2025 Oleg & Neuro Code Studio — All Rights Reserved.}

---

🌙 Thank you for visiting our project — built with harmony & code.
✨ Crafted with passion by Oleg & Neuro Code Studio
🧩 Logic • 🎨 Art • ❤️ Emotion — united in one creation.

╔══════════════════════════════════════════════════╗
║ 💎  Oleg & Neuro Code Studio ❤️‍🔥  Bookshop Edition ║
╚══════════════════════════════════════════════════╝
  

Oleg & Neuro Code Studio

---

🚀 Live Demo

🌐 Project	🔗 Link
🛍️ Bookshop SPA	bookshop-ucz5.vercel.app
💎 Brand Kit	bookshop-ucz5.vercel.app/brand

---

⚙️ Tech Stack

Layer	Tools
🧠 Core	JavaScript (ES6 Modules), Webpack 5
🎨 UI/UX	Pug, SCSS (BEM), Custom Animations
📚 Data Source	Google Books API via Axios
💾 State	LocalStorage
☁️ Deploy	Vercel (Serverless / Dist Build)
💎 Identity	Oleg & Neuro Code Studio Neon Brand

---

💎 About the Project

Bookshop SPA is a single-page online bookstore where code meets art.
Each animation, color, and pixel is crafted in the neon rhythm of Oleg & Neuro Code Studio.

🧩 Logic • 🎨 Art • ❤️ Emotion — united in one creation.

---

❤️ Created with Love

Crafted with ❤️ by Oleg & Neuro Code Studio
🧠 A fusion of logic, art & emotion — built with harmony and inspiration.
_{© 2025 Oleg & Neuro Code Studio — All Rights Reserved.}

---

✨ “We don’t just code — we illuminate.” ✨