simplyvinay / Vue Expenses
Licence: mit
A simple expense tracking application
Stars: ✭ 117
Projects that are alternatives of or similar to Vue Expenses
Venture Management
一个包含vuejs和nodejs技术的全栈项目
Stars: ✭ 208 (+77.78%)
Mutual labels: jwt, vuex, vue-router
Dokit
基于 Spring Boot2、 Jpa、 Spring Security、JWT、redis、Vue的前后端分离的后台管理系统开发平台, 用户管理、菜单管理、角色管理、字典管理、权限控制的方式为RBAC,操作日志、异常日志、接口限流、项目支持数据权限管理,支持一键生成前后端代码(支持在线预览及打包下载),支持前端菜单动态路由 可一键部署服务器应用,数据库。系统中活跃用户状态监控,监视当前系统CPU、内存、磁盘、堆栈等相关信息,基于Element UI在线表单设计及生成Vue代码。
Stars: ✭ 348 (+197.44%)
Mutual labels: jwt, vuex, vue-router
munhasir
Sample RESTful single page web app with Go, MongoDB and VueJS. A platform for keeping diaries for those who are cautious(or paranoid).
Stars: ✭ 24 (-79.49%)
Mutual labels: jwt, vue-router, jwt-authentication
Vue Admin Design
基于vue + elementUI的管理系统模板
Stars: ✭ 279 (+138.46%)
Mutual labels: vuex, echarts, vue-router
Blog.admin
✨ 基于vue 的管理后台,配合Blog.Core与Blog.Vue等多个项目使用
Stars: ✭ 500 (+327.35%)
Mutual labels: vuex, echarts, vue-router
Laravue
Admin dashboard for enterprise Laravel applications built by VueJS and Element UI https://laravue.dev
Stars: ✭ 1,964 (+1578.63%)
Mutual labels: jwt, vuex, vue-router
Vue Project
基于vue-cli构建的财务后台管理系统(vue2+vuex+axios+vue-router+element-ui+echarts+websocket+vue-i18n)
Stars: ✭ 301 (+157.26%)
Mutual labels: vuex, echarts, vue-router
Vuetify Todo Pwa
✔️ A simple Todo PWA built with Vue CLI 3 + Vuex + Vuetify.
Stars: ✭ 160 (+36.75%)
Mutual labels: vuex, vuetify, vue-router
Meal Prep
Source code for a 4-part series I wrote about Vue, Vue Router, Vuex and Vuetify
Stars: ✭ 496 (+323.93%)
Mutual labels: vuex, vuetify, vue-router
Vue Skeleton Mvp
VueJs, Vuetify, Vue Router and Vuex skeleton MVP written on JavaScript using async/await built to work with API REST skeleton: https://github.com/davellanedam/node-express-mongodb-jwt-rest-api-skeleton
Stars: ✭ 406 (+247.01%)
Mutual labels: vuex, vuetify, vue-router
Vuejs Admin
基于eggjs、vuejs的设备管理系统,有帮助的话麻烦给个star谢谢
Stars: ✭ 350 (+199.15%)
Mutual labels: jwt, vuex, vue-router
Vue Admin
基于Vue2、element ui、vue-cli、vuex、vue-router、axios 、echarts后台管理系统demo. 权限管理,用户管理,菜单管理。无限级菜单,下拉树形选择框
Stars: ✭ 1,135 (+870.09%)
Mutual labels: vuex, echarts, vue-router
Antvueblogfront
🔥使用Vue全家桶 + Egg + Mongodb 写的个人网站博客。使用docker compose 一键部署。(最近比较忙,部署还有点问题,后期补上)
Stars: ✭ 36 (-69.23%)
Mutual labels: jwt, vuex, vue-router
Vue2 Admin
基于vue-element-admin、Vue2 权限、监控、管理系统(包含地图等嵌套)
Stars: ✭ 74 (-36.75%)
Mutual labels: jwt, vuex, vue-router
Vuejs 2 Na Pratica
Curso totalmente prático de Vue.js da Webschool
Stars: ✭ 101 (-13.68%)
Mutual labels: vuex, vue-router
Vue Boilerplate
Vue 2.0 boilerplate,based on webpack and es6,includes vuex,vue-router,vue-resource, vuelidate
Stars: ✭ 94 (-19.66%)
Mutual labels: vuex, vue-router
Vue2 Shop
A shop developed with Vue2 + Vue-router + Axios + Vuex + Node + Express + MongoDB + Webpack
Stars: ✭ 103 (-11.97%)
Mutual labels: vuex, vue-router
Table Of Contents
- Description
- Tech Stack
- Screenshots
- Local Building
- Config
- Future Enhancements
- How to Contribute
- License
Vue Expenses
A simple expenses tracking application built with VueJs and .NET
Demo
- Username:
[email protected]
- Password:
test
Please note that you can change the theme in the settings page and the data on the demo website will be reset at regular intervals
Tech Stack
Server Side
- .NET 5.0 for server side API
- Fluent Validation
- CQRS
- MediatR
- Entity Framework Core on SQLite.
- Dapper for querying
- Swashbuckle.AspNetCore for Swagger
- ASP.NET Core JWT Bearer Authentication for JWT authentication with support for refresh tokens.
- Serilog for logging
- Reference architecture ContosoUniversity
Client Side
- VueJs for client application
- Vuex for state management
- Vue-router for client routing
- Axios for HTTP requests
- Vuetify as component framework
- Lodash for client side utility
- Vue-echarts (Echarts) for charting
Screenshots
Dashboard
Expense Listing
Stats
Settings
Profile
Mobile View
Local Building
Server
- Install .NET Core SDK
- Go to vue-expenses-api folder and run
dotnet restore
anddotnet build
- Run
dotnet run
to start the server athttp://localhost:5000/
- You can view the API reference at
http://localhost:5000/swagger
Client
- Go to vue-expenses-client folder and run
npm install
- Run
npm run serve
to start the client athttp://localhost:8080/
- Included database is seeded with dummy data and you can use
email: [email protected]
andpassword: test
to login
Config
Server
ConnectionStrings
-
DefaultConnection
:Data Source=App_Data/expenses.db
- Where the sqlite db file is located, this can be changed in
appsettings.json
file
- Where the sqlite db file is located, this can be changed in
JwtSettings
-
SecurityKey
:A super secret long key to encrypt and decrypt the token
-
Issuer
:Issuer
-
Audience
:Audience
- The key, issuer and audience values to generate a jwt token, this can be changed in
appsettings.json
file
- The key, issuer and audience values to generate a jwt token, this can be changed in
PasswordHasher
-
Key
:Secret key to encrypt passwords
- The key to encrypt the passwords, this can be changed in
appsettings.json
file
- The key to encrypt the passwords, this can be changed in
Client
-
VUE_APP_BASE_URL
:http://localhost:5000/
- Base url to connect to the API, this can be changed in the
.env
file
- Base url to connect to the API, this can be changed in the
-
productionSourceMap
:false
- Generates source map file when building for production, this can be changed in
vue.config.js
file
- Generates source map file when building for production, this can be changed in
-
outputDir
: commented out by default- Where the built files will be copied over, this can be changed in
vue.config.js
file
- Where the built files will be copied over, this can be changed in
-
assetsDir
: commented out by default- Where the built minified css/js files will be copied over, this path is relative path from the
outputDir
, this can be changed invue.config.js
file
- Where the built minified css/js files will be copied over, this path is relative path from the
Future Enhancements
- Check project To do list
How to Contribute
- Clone repo
git clone https://github.com/simplyvinay/vue-expenses.git
- Create a new branch:
git checkout -b new_branch_name
- Make changes and test
- Submit Pull Request with description of changes
License
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].