Creative Wallet

Aplikacja webowa do zarządzania budżetem domowym.

„A budget is telling your money where to go instead of wondering where it went.”

Aplikacja webowa typu CRUD do zarządzana budżetem domowym. Wymagana jest autentykacja – utworzenie konta, logowanie, dodatkowo jest możliwość zmiany hasła. Użytkownik może dodawać przychody i wydatki, odpowiednio je kategoryzować, finalnie przeglądać bilans z wybranego okresu. Kategorie przychodow i wydatków można edytować, usuwać i dodawać nowe, zgodnie ze swoimi potrzebami. Dodatkowo w przypadku kategorii wydatków, użytkownik ma możliwość ustawienia limitu, dzięki któremu przy dodawaniu kolejnych wydatków będzie informowany jaki limit ustawił, ile już wydał w danej kategorii w bieżącym miesiącu oraz ile jeszcze może wydać, aby zmieścić się w założonym limicie. 

Aplikację zbudowano przy użyciu klasycznych technologii webowych PHP, JavaScript, jQuery, Bootstrap, CSS, HTML. Dane wprowadzane przez użytkowników zapisywane są w bazie danych MySQL. Backend zbudowano w oparciu o stworzony od podstaw framework MVC. Funkcjonalność związaną z wyświetlaniem informacji o limitach przy dodawaniu nowego wydatku zakodowano przy użyciu asynchronicznego JavaScript (async/await i metody fetch).

Creative Wallet jest nową odsłoną aplikacji konsolowej Personal Budget, która została poszerzona i przeniesiona do Internetu.

Kod źródłowy dostępny na GitHubie, aplikację można przetestować tutaj.
Przykładowe dane do logowania – email: gosc123@gmail.com, hasło: test123

Data ostatniego commita: 02/01/2025.

Na poniższym nagraniu pokrótce przedstawiam jak zbudowana jest aplikacja i w jaki sposób działa.

Powrót

Scroll to Top