Author Archives: Laura White

Marquette University COC Website (Web Development)

My most comprehensive project for Marquette to date, I migrated the former Diederich College of Communication website to the university’s new Omniupdate, the university’s new content management system that is fully accessible. In addition to completing the website migration, I re-designed the website, writing custom HTML, CSS, and JavaScript.

During the migration, I helped the IT department troubleshoot solutions to known and unknown bugs in the Omniupdate software. It was a rewarding project that further solidified the professional relationships I’ve built with colleagues in IT and the Office of Marketing and Communication.

Marquette Music Websites (Web Development)

Marquette Music Website

Through maintaining the Marquette Music websites, I am putting my skills in HTML, CSS and PHP to good use. However, I recognized that the music websites are in need of a refresh. I proposed to the director the idea of migrating the music websites to the OU campus system, which also houses the Diederich College of Communication website.

Once the migration project is completed in January, 2019, it will have the same look and feel of the Diederich College of Communicaiton website and be fully accessible for those who are vision and hearing impaired.

A sneak preview of one of the webpages for the revised music website is below.

New Marquette Music Website

The Urban Voice (WordPress Web Development)

Urban Voice Website

The Urban Journalism Workshop is a two-week intensive program for high school students who have an interest in journalism. Under the guidance of College of Communication faculty, the students learn to work as journalists and use video equipment to produce The Urban Voice. This is the online publication that features their written and video stories.

As the web developer for this project since the summer of 2018, I decided to pull together all previous publications that were created in Weebly and migrate them to WordPress. The result is a rich, interactive website that showcases the students’ talents. It is now easier for users to view past publications as well, rather than having them at separate website addresses.

You Can Learn How to Code (WordPress Website)

You Can Learn How to Code website

I started this WordPress website to encourage those who are struggling to learn computer programming skills to continue with their journeys. After writing a post on Quora about my challenges in learning JavaScript that went viral, I realized that others could benefit from learning web programming from the courses that helped me the most.

Given that there are thousands of courses and websites that teach JavaScript, PHP, Python and other web programming languages, I designed this website to cut through the noice and point students to a few choice courses that will set them on a path towards success.

Robot Friend (Web Development)

Robot Friend Image

I admit it: I am a CSS nerd. I very much enjoy working with this markup language. There is something magical about bringing colors, layout and style elements into a website. For me, the CSS stage is when a website starts to come alive.

And because CSS continues to get smarter, we can use it now for simple animations when before only JavaScript would do. Thanks to better browser support, we can write elegant CSS code without a lot of web prefixes that we needed to add previously for individual browsers.

I completed this CSS project as part of a course that I took to learn some more complicated JavaScript skills, but I enjoyed the CSS section as well and built this robot who waves his arms and legs when you hover over them. You can also make his head bigger if you hover over it as well.

To see the code from this project, please visit my Github project. If you’d like to download the project and try to make the robot dance, click the “Clone or Download” button on the project page. Launch the project by clicking on the “index.html” file.

JavaScript To Do List (Web Development)

JavaScript to do list

At some point, every web developer who learns JavaScript eventually creates a “to do” list. Creating a web application that allows one to add or remove items from a list incorporates both DOM (document object model) manipulation and programming logic.

I worked on this particular project challenge as part of a JavaScript course. At the time, it took a few days to complete. This is a bare bones application without any embellishment, as the point of the exercise was to build a fully functional web application. The code for this particular project can be viewed on my Github profile.

If you’d like to try out the web application, you can click “Clone or Download” from on the Github project. Then, launch the web application by double clicking on the “index.html” file.

Valley Transit Company Website (spec)

When browsing websites for Greyhound bus lines,  I noticed that one of their subsidiaries Yo! Bus had some interesting branding geared towards its target of Millennials in the NYC / Philly area. When I started looking at Valley Transit Company, I thought it would be an interesting exercise to refresh their branding and copy as well. I then re-wrote the website, attempting to make it more engaging and SEO friendly, while giving their patriotic branding a conversational look and feel.

If Valley Transit really wanted to get serious about SEO, they could change their name to South Texas Transit Company (the domain is available) with a 301 re-direct to their new web address. This way, they would have “South Texas” in their URL, which is an important key word from a local search standpoint.

Please note this is a spec campaign – the deals are not real, and copy has not been approved by Valley Transit Company. Images are not my own and have been pulled from various royalty-free sites.

 

4

 

 

1

2Screen Shot 2015-05-28 at 10.57.38 PM

Au Bon Pain App (spec)

I recently read an article on healthy fast food restaurants, and Au Bon Pain made the list.  As I browsed their current menu, I thought, what if they took it a step further and developed an app that allowed consumers to customize their orders with substitutions that meet unique criteria, like a meal that’s lower in sodium, fat, and / or calories?  I could see them creating something like this.

Note:  this is not a developed app — it’s something I created for fun.  It does not reflect Au Bon Pain’s current menu options.  I laid out the these mobile pages in Canva and pulled background images from ABP’s website.

Au Bon Pain Spec App Screen Shot 2015-05-28 at 9.14.26 PM Screen Shot 2015-05-28 at 9.14.37 PM Screen Shot 2015-05-28 at 9.14.49 PM Au Bon Pain App