VueShop App

Overview

VueShop is a shopping list app built with Vue.js.

This is a basic Vue.js shopping list app with features like adding, editing, completing, and removing items. It also utilizes Local Storage for persistence across page reloads.

Table of Contents

• Features
• Getting Started
  • Prerequisites
  • Installation
• Usage
• Vue Features
• Contributing
• License

Features

• Add and edit items in the shopping list.
• Mark items as complete or incomplete.
• Remove items from the list.
• Local Storage integration for data persistence.

Features

• Add and edit items in the shopping list.
• Mark items as complete or incomplete.
• Remove items from the list.
• Local Storage integration for data persistence.

Getting Started

Prerequisites

Make sure you have Node.js and npm installed on your machine.

Installation

1. Clone the repository:

   git clone https://github.com/Michle99/sba_322_vue_project.git

2. Navigate to the project directory:

cd sba_322_vue_project

3. Install dependencies:

yarn install

Usage

To run the Vue app locally:

npm run serve

Visit http://localhost:8080 in your browser to see the app.

Vue Features

• Vue Router: The app uses Vue Router for navigation between the Home page and the Shopping List page.

• Vue Directives: Custom directives (v-uppercase and v-highlight) are used for specific behaviors and styling.

• Two-Way Data Binding: Vue's two-way data binding is utilized for syncing data between parent and child components.

• LocalStorage: Local Storage is employed for storing and retrieving data to maintain the state of the shopping list across sessions.

Contributing

Contributions are welcome! Feel free to open issues or pull requests.

License

This project is licensed under the MIT License - see the LICENSE file for details.