A "single-page" application for managing spendings based on:
- fronty.js, a simple library for building Component-based Web user interfaces
- jQuery.js
- Handlebars
Note: This is an educational project.
The front-end is responsive, uses JavaScript and AJAX and interacts with the backend via its REST API.
Screenshots:
- PHP.
- MySQL.
- A PHP-capable HTTP Server.
The base architecture is defined by fronty.js. In this sense, the main artifacts are:
- Models, which are JavaScript objects containing application state, like
PostsModel
andUserModel
. - Components, which are JavaScript objects in charge of rendering different parts of the application.
- Renderers in Handlebars language containing the HTML fragments separated from JavaScript.
In addition, this application includes a library for Internationalization (I18n)
in js/i18n
folder.
A quick installation process could be:
- Download spending_manager.
- Import the SQL file moneyspendings.sql into your MySQL DB (it will create a DB called moneyspendings with a user admin).
- Start your server and access it: http://localhost/spending_manager/frontend/index.html.
Based on mvcblog from lipido