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.
- 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.
- 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.
Make sure you have Node.js and npm installed on your machine.
- Clone the repository:
git clone https://github.com/Michle99/sba_322_vue_project.git
- Navigate to the project directory:
cd sba_322_vue_project
- Install dependencies:
yarn install
To run the Vue app locally:
npm run serve
Visit http://localhost:8080 in your browser to see the app.
-
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.
Contributions are welcome! Feel free to open issues or pull requests.
This project is licensed under the MIT License - see the LICENSE file for details.