/Vue-E-Commerce

3rd Semester final PWA project Vue Firebase

Primary LanguageVue

Simple Vue E-Commerce Webshop

🎒 Exam | 3nd Semestr | PWA

Contributors


Logo

Vue E-Commerce

PWA Simple Webshop
Explore the docs »

:octocat: View Demo · 🔨Report Bug 📄 UML Diagram

Table of Contents

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

Tech stack

Style

E-Commerce

landing_page_look

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

#example

Mobile

Screenshot 2021-11-15 at 19 39 17

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 !

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.