https://github.com/adminltr/amortizacion

Economy Engineering homework simulator for amortization table UNMSM
https://github.com/adminltr/amortizacion

amortization-table reactjs tailwindcss

Last synced: about 6 hours ago
JSON representation

Economy Engineering homework simulator for amortization table UNMSM

• Host: GitHub
• URL: https://github.com/adminltr/amortizacion
• Owner: adminLTR
• Created: 2023-06-04T21:00:25.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-06-17T17:03:19.000Z (over 1 year ago)
• Last Synced: 2024-05-03T14:04:56.578Z (7 months ago)
• Topics: amortization-table, reactjs, tailwindcss
• Language: JavaScript
• Homepage: https://timely-cuchufli-d161d3.netlify.app/
• Size: 995 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Amortization

Tecnologies:



    
ReactJS + Vite

    
TailwindCSS

    
Netify



About:




    Amortization table built in javascript using ReactJS framework 









    This project was built at Universidad Nacional Mayor de San Marcos

    in Peru, as a homework for the Economy course. The idea was to

    recreate an amortization table with some parameters


    Owner:  Luis La Torre - Software Engineering Student





    How to use:





    
Clone this repository using this link: https://github.com/LTprograms/Amortizacion.git



    
Make sure you have Node already installed typing this comand on a terminal: npm --version

    


        
If you do not have Node installed, download it using this link



        
Once you have installed, add the npm variable to the PATH

        
Make sure again you added the variable to the PATH typing the npm --version command again

    

    

    
Go to your project directory and download all dependencies typing this command on the terminal: npm install



    
Run your project with: npm run dev







    How it works





If you have followed the previus steps correctly and your project runs successfully, you are going to find this interface.







In the left section, we can se some input text fields, they must be filled with the correct data to make it work, here is an example:





Documentation:

In the src folder, we can find some files and some other folders (components & helpers). The explanation is bellow:



    
Components folder

    


        
Error.jsx: This file contains the Error component which is shown when an error occurs. It receives a message as a parameter

        
Input.jsx: This file contains the Input component, they represent the input fields on the left side of the interface. Tehy receive some parameters:

        


            
type: input type (ex. text, date, number, etc)

            
id: id HTML attribute

            
lb: Label text displayed in label tag

            
placeholder: Placeholder text inside input

            
setter: Setter function to manipulate state of the value

            
val: State variable for value

        



        
LastRow.jsx: In the table, the last row has a different format from the other ones. It receives the object with all data set in the state. This object contains all total final data

        
Row.jsx: Every row have different data from the others. It receives an object containing all data for that row

    



    
Helpers folder

    


        
calc.js: It contains some functions to calculate Effective Daily Rate (EDR) and Effective Mounthly Rate (EMR) from Effective Anual Rate (EAR)

        
dates.js: It contains some functions to manipulate dates, such as get the days difference from 2 given dates (getDaysDifference()) or get a future date from a number of months given (getFutureDate())