Software Developer Consultant, San Diego, California

Samples / Demos

Below are some samples / demos for you to try out.


Bike Shop E-Commerce Website

Technologies employed: c#, ASP.NET, MS SQL Server, Bootstrap / Responsive Design, jQuery, JavaScript.

This is a sample E-Commerce website. It demonstrates how such a site might be set up for a bicycle shop selling various models of high-end bikes as well as accessories, clothing, and bike components. On this demo, you can browse and search for products and add them to your shopping cart. Once in your cart, you can change quantities, remove items, or continue shopping to add more items to your cart.

The demo website uses responsive design which means the screen will automatically adjust for different display sizes. It can be used on desktops, tablets, as well as smartphones. While exploring this demo, try reducing the width of your browser and watch how the screen accommodates screens sizes down to smartphone size displays.

Although the sample data relates to bikes, the very same website could be used for many other types of products simply by loading a different set of data into the product and category tables. The multilevel dropdown "Products" submenu is also data-driven. It is dynamically generated from product category data in the database. If we were to add additional product categories, they would automatically appear in this submenu without needing any additional coding.

Proceed to Demo

Restaurant WordPress Website

Technologies employed: WordPress, PHP, MySQL, MapPress Easy Google Maps Plugin, Spacious Theme, Custom Child Theme.

This is a sample WordPress website. It demonstrates how WordPress might be used for a restaurant. The location page uses MapPress to map the restaurant's location.

All custom design on this site was done through the creation of a custom "child theme". This site required very little custom modification, however. It is very simple example of a WordPress site. See the Real Estate Company WordPress Website below for an example that involved a little more custom programming.

Proceed to Demo

Travel Agency WordPress Website

Technologies employed: WordPress, PHP, MySQL, MapPress Easy Google Maps Plugin, Spacious Theme, Custom Child Theme.

This is a sample WordPress website. It demonstrates how WordPress might be used for a travel agency. The contact page uses MapPress to map the office location.

All custom design on this site was done through the creation of a custom "child theme". This site required very little custom modification, however. It is very simple example of a WordPress site. See the Real Estate Company WordPress Website below for an example that involved a little more custom programming.

Proceed to Demo

Real Estate Company WordPress Website

Technologies employed: WordPress, PHP, MySQL, Bootstrap, WP Listings Plugin, MapPress Easy Google Maps Plugin, Spacious Theme, Custom Child Theme.

This is a sample WordPress website. It demonstrates how WordPress might be used for a real estate company. On this demo, you can search property listings, examine a particular listing, see the property's Google Maps location, and send an inquiry on the property to the real estate company. The "Contact Us" page also allows for sending a message to the company. Such inquiries / messages are received by the real estate company via email.

WordPress already has responsive design built in. So it automatically lends itself to working well on desktops, tablets, as well as smartphones. However, I have also added Bootstrap to this site to give me some additional programming flexibility in the design of custom page templates.

All custom design on this site was done through the creation of a custom "child theme". This is the preferable approach for WordPress PHP coding modifications, as opposed to making changes to the parent theme, or worse, modifying WordPress code directly. These undesirable approaches could easily cause WordPress or the parent theme to "break" after a future update. In contrast, placing all coding modifications in a child theme leaves the original WordPress code and theme unmodified, so that they can continue to receive future automatic updates.

Proceed to Demo

More samples on the way. Check back again soon.