Video walkthrough (click the image):
screencapture.mp4
This is a JavaScript App for tracking the finances.
App has following functionality:
-
Registration. Registers new user in an application.
-
Authorization. Authorizes user in an application.
-
Log Out. Logs out user from an application.
-
Creating account.
-
Deleting account.
-
Creating a transactions.
-
Deleting transactions.
To start an app the local server needed "http://localhost:8000". How to run local server
To run server use the following command npm run start
. In this case the server runs using nodemon
starting the file index.js
While connected to local server the working directory is public/js.
- js/
- api/ (connection with server, API requests)
- Account.js (manage the accounts)
- createRequest.js (API requests, responses)
- Entity.js (Basic class for accounts, users ΠΈ incomes/expenses)
- Transaction.js (manages income and expenses)
- User.js (registration/authorization/logging in)
- ui/
- forms/ (app forms)
- AsyncForm.js (Basic class for all form. Uses mostly for modal windows)
- CreateAccountForm.js (form for creating a new account)
- CreateTransactionForm.js (form for creating a new income/expense)
- LoginForm.js (log in form)
- RegisterForm.js (registration form)
- pages/ (app pages)
- TransactionPage.js (page of transactions of particular account)
- widgets/
- AccountsWidget.js (widget for managing accounts)
- TransactionsWidget.js (widget for managing transactions)
- UserWidget.js (widget for current user)
- Modal.js (basic class for all modal windows)
- Sidebar.js (class for side window)
- forms/ (app forms)
- App.js (App class)
- api/ (connection with server, API requests)