Simple Vue E-Commerce Webshop

🎒 Exam | 3nd Semestr | PWA

Vue E-Commerce

PWA Simple Webshop
Explore the docs »

View Demo · 🔨Report Bug 📄 UML Diagram

Table of Contents

1. About The Project
   • Tech stack
   • Style
2. Getting Started
   • Installation
3. Features
4. Details
5. Mobile
6. Under Constraction
7. License
8. Contact

Tech stack

• Vue
• Vuex
• Vue Router
• Firebase

Style

• Sass
• Bootstrap Vue

E-Commerce

UX/UI Designed website:

SIMPLE RATHER MINIMALISTIC

Features

• Authentication
  • Sign up
  • Sign in
  • Sign in as admin/quest
  • Recover password with email verification
  • Logout
  • Route guard
• Products
  • List of products by category
  • Edit/Delete product as a admin
  • Detailed information about the product
  • Add products as a admin
  • Add/Remove product from/to "basket"
  • Cannot buy products if not logged in
  • Cannot buy product that are not in stock
• Responsive
• Use of BootstrapVue Toast and Modals for better UX
• User Account
  • Profile page with editable and updatable UserName,LastName etc..
  • Availability to buy products after creating account only !
• Admin
  • Sign in as Admin
  • Edit products in db
  • Add products to db
  • View ordered products
  • Choice of deleting products / orders
  • QUILL Editor with fb storage upload

Details

Mobile

Under Constraction

• Page is missing 404 page !
• Small front-end bugs to be fixed
• Firebase functions to fully use potencial of database and Authorization !
• Time Stamps and Information about which Admin user added products !

Licence

Distributed under the MIT License. See LICENSE for more information.

All the content and pictures were borrowed from these sites and logo and I DO NOT OWN any of the content taken from these website and would not be published !

• Vue
• Xzone Pictures
• Logo

My 2022 PWA Exam project posted here on GitHub. Hope you will like it! Thank you for your attention! TTT ✒️

Contact

Tomas Simko - @twitter - simko.t@email.cz - @linkedIn

Project Link: https://github.com/TomassSimko/Vue-E-Commerce

Installation

e-commerce-shop

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.