I am a front-end web developer with experience in user science and testing as well as creating user interfaces for static and dynamic websites and web applications. Knowledgeable in full-stack technology as well as the principles and techniques of website development and maintenance. Adept at conveying complex technical information to a variety of technical and non-technical professional audiences.
This e-commerce website was created for a retail garden supply client utilizing Digital Ocean for hosting and deployment and a modified Wordpress Template to facilitate browsing and purchasing of a broad catalog of horticulture products and equipment. Using extensive CSS to create unique styling for the site as well as utilizing Google Analytics, caching of images, Ninja Forms, Storefront Product Sharing, Storefront Product Sharing and Search Engine Visibility to allow users to browse, purchase and checkout with a unique consumer user experience.
This birthday themed dot game was created using JavaScript classes, state based components and BEM SCSS. It is also a progressive web application that uses service workers to cache resources that allow users to play offline. The project was created from start to finish with UI/UX design principles in mind for the best possible user experience. Click the github link for more details!
This latest project is a dynamic web application that utilizes React v16 with a host of features such as Redux, Webpack, Firebase, Sass, Express, History, Moment, Babel, Validator as well as Jest and Enzyme JavaScript testing frameworks. It allows users to enter budget data and store it privately using Google Firebase database management systems. It also allows users private access to their data and can add or edit personal information with a private Google secured login.
This latest mobile-first project is a dynamic and progressive web application that communicates with a backend server and handles asynchronous requests with the assistance of serviceworkers, local storage and Indexed DB to provide a seamless offline experience. It also implements a review submission section with added search capability to the database so that users can store and look at reviews. Additionally, it leverages offline capabilities that allows users to write a review offline or mark a review or restaurant as a favorite while offline, defer it, and have it sent to the server when it's back online. The webapp also includes responsive design features for different sized displays and is accessible for screen reader use. Also, by utilizing Google Chrome Lighthouse Audits, this project was able to achieve above average scores in performance, progressive web app rendering and accessibility standards.
This mobile-first project is a progressive web application that leverages Vue JS, Axios, Node JS, News API, OpenWeatherMap API, Bootstrap, Service Workers, Service Worker Precache, Local Storage, IndexedDB and Google Analytics. Hosted on a secure network to allow for searchable weather information as well as up to the minute news content from over 50 news sources and access to the news organization's websites. Local Storage is also utilized for storage of favorite news articles and favorite cities for weather updates. Service Worker precache is also used for caching of resources to allow for offline viewing of webapp content. Due to recent changes in NewsApi's free API plan, project must be installed locally to view news sources and articles. Please click on view on github link above and follow README instructions.
This project is a responsive web application that leverages Vue JS, News API, Dark Ski API, Bootstrap. Hosted on a secure network to allow for geolocation for local weather updates. It also provides up to the minute news content from over 50 news sources and access to the news organization's websites. Due to recent changes in NewsApi's free API plan, project must be installed locally to view news sources and articles. Please click on view on github link above and follow README instructions.
This project is a responsive web application that utilizes Bootstrap, Grunt, AngularJS and OpenWeatherMap API. This webapp provides current weather, 5-day forecasts as well as 15-day extended weather forecasts for any location. It also allows users to store locations with the assistance of local storage.
This latest project is a blog web application that utilizes Gatsby, React, GraphQL, Netlify and Contentful CMS which manages, creates and unifies blog content to be continuously deployed and updated. GraphQL is also utilized for fulfilling queries with existing data.
This project is a responsive web application that utilizes ReactJS, React Modal, Sass Loader, Webpack, Babel, Validator and Local Storage. This web application randomly generates an output after the user adds tasks. It also allows users to store data with the assistance of local storage.
A YouTube web application that utilizes ReactJS and Semantic UI for presentational components while retrieving YouTube video content from the YouTube Api utilizing Axios to fetch the data. Also allows for light and dark mode themes.
A web application that utilizes ReactJS and Semantic UI for presentational components while retrieving image content from the NASA APOD Api utilizing fetch API for retrieving data. Also React Date Tracker and Moment.js are used for selecting dates for images.
A flashcard web application that utilizes ReactJS for UI presentational components while storing and retrieving JSON data with Firebase. The card components display randomly selected images of states with corresponding capitals on the back of the card.
A note taking application created with React and Semantic UI that utilizes React Hooks instead of React Class based components and Lifecycle Methods as well as Local Storage for storing data. Also utilizes Jest and Enzyme for shallow rendering and testing as well as dark and light mode themes.
A coffee website that utilizes HTML, CSS, Jquery, Javascript and Google Maps API. Also using JavaScript and Google Maps API to add an interactive map while allowing for resizing the map in relation to the screen size. Additionally utilized JQuery for smooth scrolling effects as well as form validation.
Created by implementing Openmap api tools integrated with JQuery and Bootstrap. These tools were used to assist with creating an interactive page for a geographical location. Multiple map layers were created with the assistance of openmap tools which provided real-time geographical data.
A project created to demonstrate the ability to manipulate the DOM by creating and modifying elements with the assistance of JQuery. A pseudo-login as well as view and hide details buttons are used to toggle display content. Also, vote buttons are used to register, count and display voting activity.
This project is a web application for a fictitious coffee company located in Seattle. After installing Wordpress on Ubuntu 14.04, I was able to create a LAMP stack droplet on the Digital Ocean Cloud Server infrastructure and optimized and secured the web application.
A web application created with React and Semantic UI that utilizes Unsplash API with Axios to retrieve pics relevant to search queries.
A project that was created using JavaScript, Jquery, Bootstrap and the Flickr API to search Flickr and show a grid of images returned. Also, utilizing progressive enhancement for activating forms and making calls to the Flickr API. Finally, utilizing Jquery for enlarging images, transitional effects, and placement of images on the grid.
Provided user science testing and analysis, Google analytics event based analytics, accessibility and usability analysis while presenting findings with the assistance of Wordpress content management systems.
Challenge scholarship co-sponsored by Google and Udacity which provided a mobile web development curriculum that included building progressive offline-first web applications, service workers, IndexedDB and caching, ES6 syntax, default function parameters, destructuring, built-ins, classes and subclasses, array helper methods, promises, fetch generators, modifying sets and iterators, WeakMaps, proxies, polyfills and transpiling.
Mobile web development curriculum that provides necessary tools to create responsive and accessible web apps by building mobile-first progressive web applications that have offline capabilities and are optimized for web app performance through rendering optimizations, leveraging local storage, indexedDB, service workers and more.
As a student of the Seattle University Web Development Certificate program, I created appealing web designs using HTML, CSS, SASS and LESS. I also utilized best practices and web standards in web design by using mockups and wireframes to assist with developing static and dynamic websites.
Using concepts of JavaScript programming such as progressive enhancement, DOM manipulation, detecting and altering content to enhance cross-browser support, improving usability of forms, validating data and pulling and utilizing data from external API sources. Also, using JavaScript libraries such as JQuery to assist with event handling and DOM manipulation. Additionally, utilizing JavaScript application frameworks like AngularJS, ReactJS and VueJS to create interactive webapps. I also utilized Model-View-Controller (MVC) architecture patterns for implementing user interfaces in multiple JavaScript frameworks.
Utilizing command-line UNIX utilities to move files and accomplish tasks such as connecting to remote server systems via "Secure Shell" "SSH" technologies and successfully configuring server locations to be served at a specific URL for public web users resulting in functional websites. Also, utilizing static file servers such as Apache and LAMP/LEMP stack configurations, to run custom subdomains on droplets using the Digital Ocean web server infrastructure. Deployed dynamic content after installing webapps (PHP files for Wordpress) while utilizing mySQL relational database management systems. Implemented caching and site optimization with the assistance of Wordpress plugins to compress pages and utilize PHP to serve cached files.
Coursework and projects that included usability testing, search engine optimization and quality assurance for developing contemporary web content. Created usability journals that contained essays, studies, and descriptive analysis of websites while applying usability studies and user science to web sites and applications. Utilized Google Analytics while implementing web analytics, events and goals and content experiments to effectively track and analyze web user behavior.