Search Results for: Design

For my MIS 2402 Web Application Development final project, I designed and implemented two interactive web-based calculators hosted on Temple University’s MIS demo server. The first calculator computes loan repayment schedules based on user inputs such as principal, interest rate, and repayment period. My special purpose calculator estimates the number of calories a person burns during any exercise. By entering their weight, the time they spent working out, and the MET value of the activity, users can see how much energy they used. Through this project, I strengthened my ability to build functional client-side applications, handle user errors gracefully, and deploy working code to a live server. This experience improved both my technical skills and my confidence in creating user-friendly, purpose-driven web tools.

For this project, I created a special-purpose web calculator that estimates the electricity cost of running a PC or any electronic device. This project was completed for MIS 2402 as part of a hands-on activity designed to help students build web applications using HTML, CSS, JavaScript, jQuery, and Bootstrap. The calculator allows users to enter a device’s power consumption in watts, daily usage hours, electricity rate, and number of days, and it automatically computes the total energy used, the monthly cost, and the estimated yearly cost. This project helped me strengthen my skills in building responsive user interactions, ensuring accurate inputs, and creating a tool with real everyday value.

For my Web Development coursework, I designed and implemented a Daily Water Intake Calculator using HTML, CSS, JavaScript, jQuery, and Bootstrap. This project involved building a fully responsive interface and creating a calculation tool that determines an individual’s recommended daily water intake based on weight and activity level. I was responsible for the full development process, including UI structure, layout design, user input validation, and implementing the calculation logic using JavaScript. Through this project, I strengthened my front-end development skills, gained hands-on experience manipulating the DOM with jQuery, and improved my ability to create user-friendly interfaces with Bootstrap. This work helped me build confidence in translating real-world requirements into functional web applications.

Built two fully functioning JavaScript based calculators, a loan repayment calculator and a daily calorie intake calculator. User friendly tools like HTML, CSS, Bootstrap and jQuery aided in the making of these calculators.

With an interactive design and being user friendly, they were able to accurately compute financial information like loan payments and manage people’s health like advising on a specific amount of calories to maintain based on your specific body composition.

Understood how to validate user input and prevent missing values through custom form error handling.

Gained confidence in using A.I tools as coding partners to generate, edit and troubleshoot functional web applications.

 

The goal of this project was to create two special-purpose calculators with the help of AI. Through using AI, I  created both a loan repayment calculator and a custom special-purpose calculator of my choice. From this project, I learned how to effectively interact with AI to design specialized tools.  I also applied coding skills from class to design my own special-purpose calculator, which allows users to calculate their total expense for a Disney trip and determine the amount they need to save each month for their trip.

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

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

For this final project, I used an AI chat tool to help me design and build two special-purpose web calculators using HTML, CSS, JavaScript, jQuery, and Bootstrap, then deployed them on the MIS demo server. For Part 1, I followed the required AI prompt to generate a loan repayment calculator, copied the AI-generated code into my index.html file in my finalproject folder, and then debugged and refined it so it worked correctly at:

https://misdemo.temple.edu/tuq10109s/finalproject/

I made sure it calculates the monthly payment, total amount paid, and total interest for a loan, validates user input, avoids JavaScript alert() and prompt(), and displays helpful error messages and results in a clean Bootstrap layout.

 

For Part 2, I created my own unique special-purpose calculator and hosted it at:

https://misdemo.temple.edu/tuq10109s/finalproject/nbacalc/.

Instead of reusing a class example, I edited the AI prompt to build a recovery and risk assessment tool for ACL injuries. My custom calculator collects information about a person’s ACL injury and uses that input to estimate where they are in the recovery process, how appropriate their current training load is for that stage, the risk level of their knee, and suggestions on how to move forward. I again tested and adjusted the code to ensure it responds appropriately to both good and bad input and presents clear, user-friendly feedback. Overall, the project showed that I can combine my own coding skills with AI-generated code to design, deploy, and refine practical web applications.

I created a completely functional advertising website for Luxe Lashitude Lounge, a fictional cosmetic firm, as part of my Management Information Systems class. This project, which was funded by Temple University’s MIS2402 course, demonstrated my proficiency with HTML, Bootstrap, jQuery, and JavaScript in front-end web development. With this tool, customers can quickly create customized promotional offers by entering promo codes, minimum spend requirements, and unique discount amounts. Along with emphasizing service options and implementing a responsive design for mobile users, I also organized the information to resemble a professional salon setting. I gained practical experience using client-side scripting to create interactive features, designing flexible layouts, and ensuring a seamless user experience while working on this project. It also made me realize how crucial it is to design with the user in mind, which has a significant impact on maintaining brand engagement.

Our assignment for the MIS2402 PRO Points Project was to design a multi-page website for a made-up business. We had to include HTML, CSS, JavaScript, jQuery, and Bootstrap, and the website needs to have at least one interactive cost calculator

For my Project, I created a multi-page website for an imaginary business called Pixel Ice Cream. It is hybrid gaming café and ice cream shop. The website includes multiple pages (Home, About us, Menu, Gaming  info, and a calculator). It also features images, links, and business details like hours, services, and pricing.

One page contains an interactive cost estimate calculator that lets users input the number of scoops, shakes, and gaming hours, along with selecting a package type (basic, deluxe, premium). The calculator uses several pricing values based on the bundle selected and automatically determines the overall cost based on the user’s preferences. Upon clicking the “Calculate” button, the user’s total is updated. 

https://misdemo.temple.edu/tuq28418h/PROPOINT

I developed a business website called Indigo Trans, a fictional freight and transportation company, as part of my coursework for MIS 2402 at Temple University’s Fox School of Business. The website features a freight cost estimator built with HTML, CSS, JavaScript, and Bootstrap. I handled the entire project, including designing the layout, coding the interactive features, and making the site user-friendly. Through this project, I strengthened my skills in web development and front-end design. This experience helped me better understand how web technologies can support business operations and improve customer engagement.