🍕 Project Pizzeria

A front-end single-page application (SPA) for a fictional pizzeria. The app allows users to browse the menu, customize and order pizzas, and book tables. It was built as part of a web development learning project focused on object-oriented JavaScript, modular design, and working with APIs.

⸻

📦 Technologies Used • HTML5, CSS3 (BEM methodology), SCSS • JavaScript (ES6+) with object-oriented approach • Handlebars.js (templating) • Fetch API / AJAX • NPM (scripts, bundling), ESLint • Custom widgets: date picker (flatpickr), range slider • Git & GitHub for version control

⸻

📁 Project Structure

The application consists of three main modules: • Home – Static landing page with introductory content and basic navigation • Order – Dynamic pizza builder with ingredient selection, live price calculation, and visual updates • Booking – Interactive reservation system with time/date pickers and visual table layout

⸻

🧠 What I Learned • Object-oriented programming and modular JavaScript architecture • DOM manipulation and event handling (including custom events) • Template rendering with Handlebars • API integration and working with JSON data • Building and maintaining SCSS files in a scalable way • Working with build tools and live reloading using NPM scripts • Basic debugging and browser development tools • Clean code practices with ESLint

Installation & usage -npm install -npm run watch

🔧 Available NPM Scripts • npm run watch – Launches development server with file watching • npm run build – Builds the project for production • npm run test – Runs HTML/CSS structure validation