This simple Finance Logger system is built using TypeScript and HTML & CSS. It allows users to input financial transactions, such as invoices and payments, and displays them in a user-friendly way.
Add Transactions: Use the form to input transaction details, including type (invoice or payment), recipient/sender, details, and amount. Display Transactions: View the entered transactions in a formatted list on the UI. TypeScript: The entire project is developed using TypeScript for enhanced code maintainability and type safety. Responsive Design: The user interface is designed to be responsive, ensuring a seamless experience across various devices.
Getting Started
Follow the steps below to set up and run the Finance Logger system locally:
Clone the Repository:
git clone https://github.com/VictorJoshuaC/Finance-Logger.git
cd Finance-logger
Open in Browser: Open the index.html file in your preferred web browser.
Usage Input Form:
Open the application in your browser.
Fill out the form with the necessary transaction details.
Select the transaction type (invoice or payment) from the dropdown menu.
Submit:
Click the "Submit" button to add the transaction. View Transactions:
The entered transactions will be displayed in a formatted list on the UI.
Explore the well-organized code in app.js where the core functionalities are implemented. This includes the creation of invoices and payments, handling user input, and rendering transactions on the UI.
TypeScript Features
Delve into TypeScript features such as generics and interfaces within the code. The addUID function adds a unique identifier to objects, and the Resource interface defines the structure of a generic resource.
Contribution
Feel free to contribute to the development of the Finance Logger System. Clone the repository, make your enhancements, and submit a pull request. Your contributions are valuable!
License
The Finance Logger System is licensed under the MIT License. For more details, refer to the LICENSE file.