An application where you can track your income and expenses

Related tags

State Management vuex scss vue3-composition-api
Overview

Income & Expense Tracker

LIVE

An application where you can track your income and expenses. The vue 3 composition api is used throughout the application. Vuex is used in state management and scss is used in design.

mobile (1) (1) mobile (2) (1)

Getting Started

To get started you can simply clone this Vue-Income-Expense-Tracker.git repository and install the dependencies.

Clone the Vue-Income-Expense-Tracker.git repository using git:

git clone https://github.com/emircandemr/Vue-Income-Expense-Tracker.git

cd Vue-Income-Expense-Tracker

Install dependencies with this command:

npm install

Run the application with this command:

npm run dev

Screenshots

image image image

Recommended IDE Setup

You might also like...
Use paginated resources in your Vue/Vuex app with ease
Use paginated resources in your Vue/Vuex app with ease

vuex-pagination Note: This library only works with Vue 2. For Vue 3, take a look at vue-use-pagination. Library that makes it magnitudes easier to int

cyon GmbH 109 Dec 24, 2022
Keep your vuex state between page reloads.

vuex-persisted-states Keep your vuex states between page reloads. 在页面重新加载之间保持您的 vuex 状态 原理: 借助缓存机制来存储 vuex 状态 安装(Install) npm install vuex-persisted-s

Chengbotao 2 Mar 7, 2022
A project to demonstrate the use of Store and state, getters, mutations in Vuex and VueJS

Vuex State Sample 🎁 🎯 A project to demonstrate the use of Store and state, getters, mutations in Vuex and VueJS. Create Vuex Store and use it to hol

Yufenyuy Veyeh Didier 0 Apr 13, 2020
JavaScript and TypeScript finite state machines and statecharts for the modern web
JavaScript and TypeScript finite state machines and statecharts for the modern web

JavaScript state machines and statecharts JavaScript and TypeScript finite state machines and statecharts for the modern web. 📖 Read the documentatio

Stately 22.2k Jan 7, 2023
State Management made eXtraordinarily simple and effective for Angular, React, and Vue
State Management made eXtraordinarily simple and effective for Angular, React, and Vue

XSM - State Management made eXtraordinarily simple and effective for Angular, React, Vue, and Svelte. 🏠 Homepage Demos Angular React Svelte Vue Realw

Peter Lu 138 Sep 21, 2022
this is a cli that I will set up that will allow me to bootstrap different web projects and configurations such as react, vue, react-redux, vuex, express/pg/knex, react-mobx, react-context, react-three, electronjs, and potentially more.

the_brybry_cli this is a command line interface that I will set up that will allow me to bootstrap different web projects and configurations. Template

Bryce Soghigian 1 May 18, 2021
Sync and store vue state with browser URL params

vue-sync NOTE: Check out nuxt-url-sync to use it with SSR Sync Vue Component state with browser URL params Makes for easy bookmarking and sharing of v

Stefan Buhrmester 66 Nov 8, 2022
:rabbit2: A tiny, light and handy state management for vuejs 2, writing less verbose code.

revuejs 🐇 A tiny, light and handy state management for vuejs 2, writing less verbose code. Installation Install the pkg with npm: npm install revuejs

Pomy 24 May 5, 2021
:seedling: Vue and vuex based library, writing less verbose code.

lue 🌱 Vue and vuex based library, writing less verbose code. Installation Install the pkg with npm: npm install lue --save or yarn yarn add lue Bas

Pomy 12 Jul 30, 2020
Owner
Emircan DEMİR
Frontend Developer
Emircan DEMİR
GitHub income-expense.vercel.app
A vue boiler plate with state management, vuex, vue-router that can be backed by a laravel restful api using jwt auth

Laravel 6 (LTS) Vue.js Frontend Boilerplate A Vue.js Frontend starter project kit template/boilerplate with Laravel 6 Backend API support. Features Re

MUWONGE HASSAN 2 Oct 12, 2021
vuex-module-generator - It allows you to create a vuex module easily.

Vuex Module Generator (VMG) VMG allows you to create a vuex module easily. See All implementations. See Customer Example. Supported module types Clone

Abdullah 91 Dec 28, 2022
Elm-inspired Application State Management for Vue.js.

VuElm It's a Vue state management inspired by Elm architecture. Concepts There are basically four elements on Elm architecture: Model, Actions, Update

Keuller Magalhães 36 May 5, 2021
Todolist-vue-js - A CRUD Todolist application developed using VueJS

TodoList - VueJS Nessa aplicação foi desenvolvido um CRUD utilizando o Framework

Clayton Marriel 0 Jan 8, 2022
💾 Persist and rehydrate your Vuex state between page reloads.

vuex-persistedstate Persist and rehydrate your Vuex state between page reloads. Install npm install --save vuex-persistedstate The UMD build is also a

Robin van der Vleuten 5.8k Jan 5, 2023
☘️ A package that dynamically registers your components and vuex modules

Vue Registrar A dynamic component registrar and Vuex module assembler A Vue.js package that makes your code a lot cleaner and much more understandable

Evryn.dev 17 Mar 3, 2022
Easily share reactive data between your Vue components.

vue-stash A Vue.js plugin that makes it easy to share reactive data between components. This plugin is best suited for the rapid development of protot

Cody Mercer 406 Dec 10, 2022
Store Organizer To Simplify Your Stores

Vue Simple Store Vue Simple Store is a vue plugin which will simplify your App Store. It will combine your separated stores into one global store. let

Naufal Rabbani 67 Jul 15, 2021
🔐 A simple Vue plugin to include a Google sign-in button into your web app.

vue-google-signin-button A simple Vue plugin to include a Google sign-in button into your web app. Install This plugin can be installed as a module $

Phan An 288 Oct 17, 2022
A simple plugin to include a custom Facebook sign-in button into your web app.

vue-facebook-signin-button A simple Vue plugin to include a custom Facebook sign-in button into your web app. Install This plugin can be installed as

Phan An 135 May 25, 2022