Vue Expenses

screenshot of Vue Expenses
vue
vuetify

A simple expense tracking application

Overview:

Vue Expenses is a simple expenses tracking application built with VueJs and .NET. It offers a user-friendly interface for tracking expenses, managing settings, and viewing statistics. With a tech stack that includes .NET 5.0 for the server side API and VueJs for the client application, Vue Expenses provides a seamless experience for users to manage their expenses effectively.

Features:

  • User Authentication: Users can log in with a specified username and password.
  • Customizable Themes: Users can change the theme from the settings page.
  • Data Reset: The demo website data is reset at regular intervals.

Server:

  1. Install .NET Core SDK.
  2. Navigate to the vue-expenses-api folder.
  3. Run dotnet restore and dotnet build.
  4. Start the server with dotnet run at http://localhost:5000/.
  5. View the API reference at http://localhost:5000/swagger.

Client:

  1. Navigate to the vue-expenses-client folder.
  2. Run npm install.
  3. Start the client with npm run serve at http://localhost:8080/.

Summary:

Vue Expenses is a comprehensive expenses tracking application that combines the power of VueJs on the client side with .NET technologies on the server side. Users can securely log in, customize themes, and view detailed statistics. The application is easy to install and use, making it a valuable tool for managing expenses efficiently.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

vuetify
Vuetify

Vuetify is a no design skills required UI Library with beautifully handcrafted Vue Components.