Search Results for: JavaScript

This website, FitFuel Tracker, is a multi-page fitness tool designed to help users estimate their daily maintenance calories and explore personalized training plans. I built it using HTML, CSS, JavaScript, jQuery, and Bootstrap.

This project was for my MIS 2402 class in which we were tasked to utilize all of the skills we learned within our time this semester, including frameworks/libraries such as Bootcamp, CSS, HTML, JavaScript, and jQuery. I created a website for a fictional business that dealt with pet grooming, which helped me reinforce key concepts that we learned in class.

I created a landing page and four additional pages to simulate a business’ website, with the four additional pages linking to ‘About Me’, ‘FAQ’, ‘Portfolio’, and ‘Cost Calculation’ sections separate from the landing page itself. I utilized all the aforementioned skills to create these pages, with the ‘Cost Calculation’ page featuring jQuery as the building blocks for the script.

I created a website for an imaginary business using JavaScript, HTML, and CSS skills I learned in MIS 2402, Web Application Development, with Laurel Miller. The website contains an index and about page, as well as price estimate calculator, reservation, and contact us pages. The website is accessible through misdemo at https://misdemo.temple.edu/tuq27668j/2402_PRO_points/index.html. Through the project I was able to experiment and put the information I learned through the course to practical use, taking inspiration from class activities and assignments to build a functioning website.

The created website is comprised of four linked HTML files that also incorporate CSS for aesthetics and JavaScript for functionality. The website is designed to mimic the home website of a boxing gym and includes both image and hyperlink tags in JavaScript. The website also includes a built-in calculator to calculate the cost of both a gym membership and boxing classes.

The goal of this project was to create a website using HTML, CSS, JavaScript, jQuery, and Bootstrap utilizing knowledge learned from the course as well as AI-assisted coding. This project allowed me to start a project from scratch on my own, create folders and files to correspond with the project, and build multiple pages that interact with each other. It was a well-rounded project that allowed me to work with simple HTML that was learned in the beginning of the course, like using headers and <p></p> tags to add in text, as well as build a calculator, include image references, and link the pages together to create something interactive and creative. Towards the end, I had some fun with using AI-assisted coding to include code to color each pages a different pastel color that made the website more aesthetically pleasing and eye-catching. Overall, I learned a lot from doing this project and was able to tie in various course concepts along the way.

https://misdemo.temple.edu/tup46046a/Simple%20Sweet%20Cakes/

 

Cosmic Escapes

The project I decided to work on, is called “Cosmic Escapes”. Cosmic Escapes is a fictional website that allows you to travel to different planets, as well as different galaxies and explore and enjoy the experience. Not only does it offer transportation to those planets, but it has pre-built luxury hotels, living spaces and amenities. It also has an option to calculate the total cost for your stay. Working on this project taught me a lot about implementing good looking designs and CSS, as well as using Javascript to give the user a smooth experience without any errors or issues.

In Fall 2024, I had the opportunity to participate in a class project for MIS 2402, in which I would create a website for an imaginary business. As someone who enjoys bullet journaling and incorporates it into my daily life, I decided to create a small stationery shop, called V’s Stationery Store, in which I had products such as stickers, washi tape, and pens available for purchase. Equipped with the HTML, CSS, and JavaScript knowledge I learned during my duration in MIS 2402, I was able to apply it towards creating my website and saw improvement in my understanding of the coding languages. I was able to learn more about how CSS impacted the style of my website, as well as how it works with HTML and JavaScript, especially when CSS was not as used in my course compared to HTML and JavaScript. As a result, I was able to broaden my knowledge on different coding languages while also having an enjoyable time as I created my website.

https://misdemo.temple.edu/tup44555p/ProPointsProject/

The goal of this project was to learn and practice designing an interactive webpage using HTML, CSS, and Javascript, from start to finish. It was also to learn about the research and design process, starting with an idea and going through the design steps to a finished product, in this case a website. The results, as reviewed by my professor, are satisfactory, and the finished site is available to review at the link above. I learned several things throughout this process; on a surface level, I achieved the learning goals set up at the beginning of the project, but on a deeper level, I learned several things very deeply through this project. I learned CSS almost entirely throughout this project, including the syntax, what each element does, how to implement it, etc. I also learned how HTML and Javascript interact, and I now have a much more intuitive understanding of how javascript functions can be called by and output to HTML elements through things such as click event handlers and such.

Pro Point Project: create a website with a button that upon click will display data summary information on a selected external dataset. The goal of this project is to show understanding and application of learned JavaScript functions.

Link: https://misdemo.temple.edu/tuo44538/ProPoints_Project/mis2402_propoints_project.html

Result: approved by Professor Shafer

In the MIS2402 course we have learned javascript, jQuery, CSS and HTML. This project allowed me to display my understanding of all those skills while using a web API. The data set I accessed was about daily traffic counts on various streets in Chicago, Illinois.  I first created a web page that displayed a paragraph about a hypothesis that would be useful to test which would use the data I picked and a button. After clicking the button the code iterates through all the streets where traffic was counted and averages the daily traffic count. It also finds the street with the highest traffic counted and displays both answers in a sentence.

link to webpage: https://misdemo.temple.edu/tuk75720/ProPointProject/DailyTrafficChicago.html