https://github.com/samedfft2634/wallet-app

Wallet app project with DOM manipulating.
https://github.com/samedfft2634/wallet-app

bootstarp dom-manipulation javascript

Last synced: 15 days ago
JSON representation

Wallet app project with DOM manipulating.

Host: GitHub
URL: https://github.com/samedfft2634/wallet-app
Owner: samedfft2634
Created: 2023-11-10T08:05:03.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2023-11-12T08:09:46.000Z (over 2 years ago)
Last Synced: 2025-01-21T14:32:14.045Z (over 1 year ago)
Topics: bootstarp, dom-manipulation, javascript
Language: JavaScript
Homepage: https://wallet-app-blush.vercel.app
Size: 515 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

Wallet App

Easily Monitor Your Financial Movements With This App

Live »

Table of Contents

About The Project
- Built With

Usage

## About The Project

This is the biggest project I have ever done. Why? It looks like basic Financial movements page but it is not. In the background the page has beautiful structure to store your expenditures. With this feature you can see and update your incomes and expenditures when you get back on website. Updating is just adding and removing , has not edit action yet.

* If there is a long expense name don't worry!
* With the responsive design, you can easily navigate through the tables if the expense name is long or if you have a large amount of expenses

(Go Responsive Designs)

(back to top)

### Built With

* [![Bootstrap](https://img.shields.io/badge/Bootstrap-563D7C?style=for-the-badge&logo=bootstrap&logoColor=white)][Bootstrap-url]

## Usage
First, you have to enter your income. If at least one field empty, system will fire error.

Once you have your income/ incomes you can start your expenses

There are three buttons for actions.

1. Add button using for adding your incomes on the table of the bottom

2. Save button using for adding your specify expense names , spent amound and last payment date.

3. Clear Information button using for reseting all tables and clear your informations from everywhere on page.

## Notes
> [!NOTE]
> Great practice to DOM manipulating.

> Big business in a short time. 🕓⌛

> The code is complex and poorly readable because it was prepared with Turkish concepts and presented in English

> [!IMPORTANT]
> It contains localStorage, so do not worry to lose your datas.

> This means that when you leave the page and come back, you can see what you left as it was.😉

> [!WARNING]
> Input fields can not be empty.

> You have to enter an income to start operatings

> After enter income, you have to fill at least one of expense field or spent amount.

> Be carefull to clicking on "Clear Information". This button clears all really 😮😨

(back to top)

## Responsive Designs 📲💻