The below projects were created as part of the Front End Development program at UC San Diego. Additonal samples are available at my CodePen and Github pages.
All links open in new tabs.
FireWatch: A React-based web app for California wildfire monitoring
The idea for FireWatch stemmed from a real problem: California faces increasing threats from wildfires, but reliable information can be difficult to get. Users who rely on mobile devices or low-bandwidth connections are especially disadvantaged. CalFire maintains a fantastic website with active fire information on a map, but it can be cumbersome to use outside of a desktop browser. FireWatch aims to solve this problem by importing data from a CalFire API, and displaying it in an easy-to-read manner.
Version 1.0 of FireWatch is not live; CalFire's API is not normally accessbile via a public AJAX call. However, 1.0 serves as a proof-of-concept, displaying JSON data taken from an actual CalFire incident, as it would appear in the final project.
The project makes use of ReactJS, as well as Bootstrap for styling.
You can view the project via this link to the FireWatch 1.0 site.
Monster Foodies Foodie Truck: An HTML/CSS restaurant page
Cookie Monster and Gonger have opened a Food Truck on Sesame Street, and you're invited! Based on the "Foodie Truck" appearing on the classic children's television show, this project is a fanciful representation of their website.
The colors and iconography are over-the-top, but are designed in-keeping with the colorful aesthetic of the characters and their bright food truck. This project was designed as part of an introductory HTML/CSS class, and makes use of embedded video, integrated forms, and a CSS grid system. Special attention was paid to ensuring a responsive, mobile-compatible design.
You can visit Cookie Monster and Gonger via this link to the Foodie Truck site.
Any of the trademarks, service marks, collective marks, design rights, or similar rights that are mentioned, used, or cited in the sample websites above are the property of their respective owners. Their use here does not imply that you may use them for any purpose other than for the same or a similar informational use as contemplated by the original authors under the CC-BY-SA and GFDL licensing schemes. Unless otherwise stated, CW Robertson and CW Robertson sites are neither endorsed by, nor affiliated with, any of the holders of any such rights, and as such, CW Robertson cannot grant any rights to use any otherwise protected materials. Your use of any such or similar incorporeal property is at your own risk. Don't steal from Sesame Street.
Return to the top of the page