Skip to content

sweeeeetch/vue-pizza

Repository files navigation

Logo

Vue Pizza

Simple pet project for online pizza shop.
Explore the README »

View Demo · Report Bug · Request Feature

Table of Contents
  1. About The Project
  2. Features

About The Project

This is pet project for pizza shop. It is vue version of already existing react pizza shop. Reference: playlist with videos. Although it is not fully original, nothing except design and pizzas were taken :). Everything else is built by myself.

This is frontend vue application which implements online shop. There are almost all features that are used in online shops nowadays: filtering by categories, sorting, search, adding items to cart, options for items. I think this project shows my capabilities to create larger online shops using vue framework.

(back to top)

Built With

Front-end:

  • Vue.js
  • Vite
  • SASS as SCSS
  • TypeScript

(back to top)

Features

  • Built using Vue.js framework.
  • Uses the Composition API for building components and managing state.
  • Utilizes the Pinia store for managing the cart state across multiple components.
  • Implements TypeScript for type-checking and improving code quality.
  • Uses SCSS for styling the components and overall design.
  • Implements the SVG sprite technique for displaying and managing SVG images.
  • Uses Vue Router for handling the routing and displaying the pizza details page.
  • Utilizes Axios for fetching data from the backend.
  • Implements filtering and sorting functionalities for the pizza list.
  • Implements increment and decrement functionalities for the pizza count in the cart.
  • Implements remove and clear functionalities for the cart.
  • Implements a responsive design that is optimized for mobile and desktop views.

(back to top)