Super-shot : Vue Project

Hello.

Prerequisites

• Node.js and NPM to properly install packages into your machine to support the project.
• A firebase setup to gather and access data.
• Knowledge of working with Javascript frameworks to build out functions and ever changing elements.
• Knowledge of Pinia to allow yourself to pass data and functions to various components.
• HTML and CSS knowledge to design the website.

Installation

• npm init vue@latest

✔ Project name: … future ✔ Add TypeScript? … No / Yes ✔ Add JSX Support? … No / Yes ✔ Add Vue Router for Single Page Application development … No / Yes ✔ Add Pinia for state management? … No / Yes ✔ Add Vitest for Unit Testing? … No / Yes ✔ Add an End-to-End Testing Solution? › No ✔ Add ESLint for code quality? … No / Yes ✔ Add Prettier for code formatting? … No / Yes

• setup a firebase .env file.

VUE_APP_FIREBASE_API_KEY= VUE_APP_FIREBASE_AUTH_DOMAIN= VUE_APP_FIREBASE_DATABASE_URL= VUE_APP_FIREBASE_PROJECT_ID= VUE_APP_FIREBASE_STORAGE_BUCKET= VUE_APP_FIREBASE_MESSAGING_SENDER_ID= VUE_APP_FIREBASE_APP_ID=

Complete

This VUE project pieces together many aspects of web development to create a full stack project.

Thank you to Dunkin Donuts for providing inspiration and resources.