Transportation Website

Context

The “Freedom Project” for SEP10 is all about connecting technology to other fields. Everyone had to research about existing software and hardware of the topic they chose. Then, come up with new ideas for the future. For the ideas, it could've been one idea with a lot of details, a few ideas with a few details or many ideas with a few details. The goal is make a website with all of this information. In addtion, everyone had to chose a tool and learn on their own to use it on their website.

Content

For my project, my partner David and I made a website about transportation using HTML, CSS, Bootstrap and Github. His tool was Aframe, which is for 3D visuals, and my tool was jQuery, which is for interactivity. For the past, we found apps such as Transit and innovations such as hoverboards that almost everyone is familiar with and made a timeline with them from oldest to most recent. For the future, we chose to do many ideas with a few details, so we came up with seven possible future innovations, one software and six hardware.

Reflection

One challenge I encounter was the jQuery syntax because I kept putting function after the on() method. I made this mistake because you usually put function after every event, an event is like hovering and clicking on something. But, in this case, I didn't need to add function after the on() method. Something new I learned because of this project is that the classes ms-auto and me-auto center navbar items. My next step is to add a tool like wow.js to animate the website by making everything fade in when you first open the website.

Link to the project
Link to blog