https://github.com/eugenia1984/expense-tracker

An expense tracket mini app tp practice Vue.js
https://github.com/eugenia1984/expense-tracker

css3 html5 javascript vue vue3 vuejs

Last synced: about 2 months ago
JSON representation

An expense tracket mini app tp practice Vue.js

• Host: GitHub
• URL: https://github.com/eugenia1984/expense-tracker
• Owner: eugenia1984
• Created: 2024-10-21T11:05:06.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-10-21T14:00:25.000Z (2 months ago)
• Last Synced: 2024-10-21T21:43:48.084Z (2 months ago)
• Topics: css3, html5, javascript, vue, vue3, vuejs
• Language: Vue
• Homepage:
• Size: 32.2 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Expense Tracker

An expense tracker little app to practice VUE.js version 3 and composition API.

You can:

... add a new transaction

... delete an existing transaction

![image](https://github.com/user-attachments/assets/14e1162d-1e0d-43db-bbaf-7010a3318934)

---

## Technologies:

-  HTML5

-  CSS3

-  JavaScript: `const`, `array`, `arrow functions`,`.filter()`, `.reduce()`, `.toFixed()`, `.push()`, `.Math.floor()`, `.Math.random()`, `localStorage` with: `setItem()` and `JSON.stringify()`.

-  Vue.js (version 3 with composition API): `v-for`, `props`, `defineProps`, `ref`, `computed`, `onMounted`, `:class`, `v-model`, `@submit.prevent`, `defineEmit`.

- vue-toastification

---

## Commands:

- Project Setup

```sh

npm install

```

- Compile and Hot-Reload for Development

```sh

npm run dev

```

And see the app locally at: [http://localhost:5173/](http://localhost:5173/)

- Compile and Minify for Production

```sh

npm run build

```

---

## Notes

I appreciate your interest in this repository ⌨️ with ❤️ by [María Eugenia Costa](https://github.com/eugenia1984) 😊 and follow me on [LinkedIn - maria-eugenia-costa](https://www.linkedin.com/in/maria-eugenia-costa/)