Search Results for: JavaScript

For this project, I developed a retirement readiness tool built using HTML, CSS, JavaScript, jQuery, Bootstrap, and Chart.js. It helps users see if they are on track to meet their retirement goals. The tool collects 10 inputs related to age, finances, and goals, with 3 of those inputs (expected annual return, inflation rate, and safe withdrawal rate) pre-filled using historical averages but still customizable. Using these inputs, it projects future savings and compares them to the amount needed for retirement. It then shows whether the user is on track, highlights any surplus or shortfall, estimates projected monthly income, and provides recommendations. A visual chart showing the user’s projected portfolio growth over time is also included. People would want to use this calculator because retirement often feels distant and uncertain, but they still want a clear sense of where they stand. Since everyone’s situation and goals are different, this tool offers a personalized and straightforward way to plan without having to pay for a financial advisor.

Completed an MIS 2402 project in which I built two web-based calculators using HTML, CSS, JavaScript, jQuery, and Bootstrap. The first was a loan repayment calculator, and the second was a balance transfer payoff planner. I focused on input validation, clean design, and accurate financial calculations.

Project URLs:

Loan Calculator: https://misdemo.temple.edu/tun67076y/project

Balance Transfer Planner: https://misdemo.temple.edu/tun67076y/project2

https://misdemo.temple.edu/tut65024t/project2/  

https://misdemo.temple.edu/tut65024t/project/

The web development project is a part of my web app course work at Temple University in which I utilized HTML, CSS, JavaScript, jQuery, and Bootstrap and AI tools to develop two special-purpose calculators. I designed and tested my own calculator of a loan repayment and a more personalized calculator, concentrating on accuracy and easy-to-use design. The project enabled me to advance my coding abilities, problem-solving, and possibilities to use AI in creating actual web applications.

For my Web Application Development Project at Temple University, sponsored by Professor Laurel Miller, I developed two special purpose web calculators (Loan repayment, Water intake) using HTML, CSS, JavaScript, jQuery, and Bootstrap. The project focused on applying front end development concepts to build functional, user friendly tools that handle both valid and invalid user input without using browser alerts or prompts. I was responsible for designing the layout, implementing the calculation logic, and testing the applications in a live server environment. Through this project, I strengthened my understanding of JavaScript event handling, DOM manipulation, and building web applications based on real academic requirements.

The Student Loan Affordability and Payment Calculator is designed to help students make more informed financial decisions. It was developed using HTML and JavaScript techniques taught in the class for the final project.  The tool evaluates loan affordability through debt-to-income ratio analysis and generates personalized repayment insights. It also compares the costs of traditional international bank wire transfers with USDC stablecoin transfers for expenses such as tuition, highlighting potential savings. Overall, this solution enables students to assess how much they can realistically borrow while identifying the most cost-effective method for managing cross-border education payments.

I completed the MIS2402 Final Project for Professor Laurel Miller’s Web Application Development Course. The goal of this project was to utilize AI to build two functioning web applications with HTML, JavaScript, etc. My role was to prompt an AI chat application and troubleshoot a loan repayment calculator and my own special-purpose calculator. The result was a functioning loan repayment calculator and a functioning clothing calculator that, with the inputs of price of materials (USD), hours of labor, and profit margin (%), calculates the total clothing cost and profit of an item of clothing. Through this project, I learned how to use AI to improve or create a code, and I also was able to strength my web development and creativity skills.

Used AI to create two web applications; the first a loan repayment calculator generated by a provided prompt and the second was a emergency fund plan calculator generated using changes I implemented to the prompt. From this project I learned the importance of each part of a web application from layout through HTML to the logic of the program using JavaScript. The project required me to use error checking, separating the task into multiple functions to achieve the desired outcome.

The MIS2402 Final Project, sponsored by Professor Laurel Miller, instructed us to use AI tools to build and improve two special-purpose web calculators. As the Developer and Debugger, it was my task to create a normal Loan Repayment Calculator first, followed by a special second application. I made sure that both were constructed using HTML, JavaScript, jQuery, and Bootstrap in a single file. Learning to build exact AI prompts and then carefully correcting the resulting code to satisfy complicated demands, like precise calculations and appropriate input validation without the use of alert() or prompt(), was the work. I learned abilities in prompt coding, fixing AI-generated code, and integrating latest web tools for a highly functional web application from this project.

For this project, I designed and developed a fully functional JavaScript application as part of my coursework. I was responsible for planning the features, writing the core logic, validating user input and ensuring the interface was intuitive and reliable. Throughout the process, I strengthened my skills in problem solving, event handling, and clean coding practices. This experience also gave me a deeper understanding of how front-end applications handle data, support user decisions and improve overall workflow efficiency.

The Lifestyle Affordability Calculator is a special purpose tool designed to help users understand whether their current monthly lifestyle can realistically fit within their take home income. Instead of focusing on only one financial detail, this calculator looks at a person’s full spending pattern, which includes essential expenses such as housing, transportation, and groceries, as well as lifestyle choices such as subscriptions, dining out, and shopping. It then compares these expenses to the user’s income to determine whether the lifestyle is financially sustainable.

The purpose of this calculator is to show users how much they spend each month, how much money they have left over or are short, and whether their lifestyle is comfortable, borderline, or not affordable. It also provides a breakdown of spending categories in percentages, which helps users understand how their habits align with widely used budgeting guidelines like the 50/30/20 rule.

People would want to use this calculator because many individuals struggle to evaluate their spending or understand where their money goes each month. This tool gives simple and immediate feedback that does not require advanced financial knowledge. It is useful for planning a move, adjusting spending habits, preparing for major life changes, or simply gaining a clearer picture of their financial health. The calculator offers practical and real-world value for anyone who wants to manage money responsibly and avoid overspending.

Through this project, I learned how important it is to evaluate a person’s full spending habits and present that information clearly. I gained experience using HTML, CSS, JavaScript, Bootstrap, and jQuery to build an interactive calculator that updates results instantly and organizes data in a user-friendly layout. I also learned how to apply budgeting concepts like the 50/30/20 rule through code so users can easily understand whether their lifestyle is sustainable. Overall, this project showed me how programming and financial concepts can work together to create a tool that gives clear and practical insight.

https://misdemo.temple.edu/tur34536j/project2/

Lifestyle Affordability Calculator