All Projects → ooade → Vuex Examples

ooade / Vuex Examples

Licence: mit
🐻 Simple Examples on using Vuex to build Real World Apps

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Vuex Examples

Array Explorer
⚡️ A resource to help figure out what JavaScript array method would be best to use at any given time
Stars: ✭ 2,512 (+996.94%)
Mutual labels:  vuex
Intro To Vue
Workshop Materials for my Introduction to Vue.js Workshop
Stars: ✭ 2,668 (+1065.07%)
Mutual labels:  vuex
Vuex Easy Firestore
Easy coupling of firestore and a vuex module. 2-way sync with 0 boilerplate!
Stars: ✭ 224 (-2.18%)
Mutual labels:  vuex
Vuex Router Sync
Effortlessly keep vue-router and vuex store in sync.
Stars: ✭ 2,499 (+991.27%)
Mutual labels:  vuex
Javascript Total
Сборник практических вопросов, задач разного уровня сложности, сниппетов (утилит), паттерны проектирования, а также полезные ссылки по JavaScript
Stars: ✭ 214 (-6.55%)
Mutual labels:  example
Element Dashboard
element dashboard
Stars: ✭ 225 (-1.75%)
Mutual labels:  example
Plugin Graphql
Vuex ORM persistence plugin to sync the store against a GraphQL API.
Stars: ✭ 215 (-6.11%)
Mutual labels:  vuex
Vue Admin
基于and-design-vue的vue后台管理系统模板
Stars: ✭ 226 (-1.31%)
Mutual labels:  vuex
Graphql Go Example
Example use of https://github.com/graph-gophers/graphql-go
Stars: ✭ 222 (-3.06%)
Mutual labels:  example
Wasm By Example
Wasm By Example is a website with a set of hands-on introduction examples and tutorials for WebAssembly (Wasm)
Stars: ✭ 226 (-1.31%)
Mutual labels:  example
Vue Element Starter
Vue starter with Element-UI [READY, unmaintained now]
Stars: ✭ 216 (-5.68%)
Mutual labels:  vuex
Serverless Analytics
Track website visitors with Serverless Analytics using Kinesis, Lambda, and TypeScript.
Stars: ✭ 219 (-4.37%)
Mutual labels:  example
Shop Vue
It's just a shopping cart experiment using VueJS.
Stars: ✭ 225 (-1.75%)
Mutual labels:  vuex
Nx Admin
👍 A magical 🐮 ⚔ vue admin,记得star
Stars: ✭ 2,497 (+990.39%)
Mutual labels:  vuex
Play Scala Rest Api Example
Example Play Scala application showing REST API
Stars: ✭ 227 (-0.87%)
Mutual labels:  example
Minipack
📦 A simplified example of a modern module bundler written in JavaScript
Stars: ✭ 2,625 (+1046.29%)
Mutual labels:  example
Vuemmerce
👉 Responsive ecommerce template 🛒 built with Vue.js and Nuxt.js
Stars: ✭ 223 (-2.62%)
Mutual labels:  vuex
Electron Wasm Rust Example
A minimal Electron + WebAssembly (WASM) + 🦀 Rust example.
Stars: ✭ 227 (-0.87%)
Mutual labels:  example
Direct Vuex
Use and implement your Vuex store with TypeScript types. Compatible with the Vue 3 composition API.
Stars: ✭ 229 (+0%)
Mutual labels:  vuex
Learn To Send Email Via Google Script Html No Server
📧 An Example of using an HTML form (e.g: "Contact Us" on a website) to send Email without a Backend Server (using a Google Script) perfect for static websites that need to collect data.
Stars: ✭ 2,718 (+1086.9%)
Mutual labels:  example

Vuex Examples

This project aims to touch various aspects of Vuex while building several projects.

Contents

Projects

Browse through each project by going through the folders as listed below.

  • Starter Files: Where it all begins
  • Auth: An Auth example with Vuex
  • Counter: A simple counter implementation with Vuex
  • Firestore: A Simple FireStore implementation with Vuex
  • Gallery: An Image Gallery implementation with Vuex
  • Simple Todo: A Simple Todo implementation with Vuex
  • Shopping Cart: A Shopping Cart implementation with Vuex
  • Todo: A better todo app implementation with Vuex
  • Make request

Getting Started

  • Clone the Repo: git clone https://github.com/ooade/vuex-examples.git

Running each project

# install dependencies
npm --prefix <project> install <project>

# serve with hot reload at localhost:8080
npm --prefix <project> run dev

# build for production with minification
npm --prefix <project> run build

Example: To run the auth project

npm --prefix auth install
npm --prefix auth run dev
npm --prefix auth run build

Happy Coding!

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].