Rodan Sotto

My Projects

The demos in some of these projects are best viewed using a modern browser such as Chrome Browser. So without further ado, here they are.

Generic placeholder image

Group Chat - A WebSocket Demo

A browser-based group chat using WebSocket API. This is the group chat from previous demo updated to use WebSocket API and to connect to a free WebSocket server.

Demo » Code »

Generic placeholder image

Product Catalog - An Angular and Material Demo (SQLite in browser version)

This is the online product catalog from previous demo updated to use Angular 14 and SQLite in browser. No back-end server running required.

Demo » Code »

Generic placeholder image

Product Catalog - An Angular and Material Demo (MVC 5 API version)

An online product catalog using Angular and Angular Material for front-end and Web API and Entity Framework for back-end.

Demo (unavailable) » Blog » Client Code » Server Code »

Generic placeholder image

Group Chat - A Server-Sent Events (SSE) Demo

A browser-based group chat using Web API and Server-Sent Events.

Demo » Code »

Generic placeholder image

My SMS Web Chat App Preview

An Android app developed using Visual Studio Xamarin and C#.

Preview » Blog » Code »

Generic placeholder image

OWIN/Katana Pipeline and Middleware Components Demo

A simple ASP.NET MVC5 demo on OWIN/Katana pipeline and middleware components.

Demo (unavailable) » Blog » Server Code »

Generic placeholder image

Bootstrap Navbar Menu Dropdown Display On Hover

A simple CSS fix to display Bootstrap's Navbar menu dropdown on hover.

Demo » Blog »

Generic placeholder image

Custom WebGrid (1st Iteration)

An ASP.NET MVC WebGrid with server-side sorting and paging, and simple filtering.

Demo (unavailable) » Blog » Server Code »

Generic placeholder image

My 45 Shades of Grey

A play with CSS3 3D effects.

Demo »

Generic placeholder image

Text Animation

A play with CSS3 2D effects.

Demo » Blog »

Generic placeholder image

Fluid Layout

A responsive and fluid web page.

Demo » Blog »

Generic placeholder image

Non-Fluid Layout

A responsive web page but not as fluid when browser is resized.

Demo »

Generic placeholder image

Web Service Client Using jQuery AJAX

Shows how to consume a web service using jQuery AJAX.

Demo » Blog »

Generic placeholder image

Web Service Client Using HTTP POST

Shows how to consume a web service using HTTP POST.

Demo (unavailable) » Blog » Code »

Generic placeholder image

Web Service Client Using Proxy Class

Shows how to consume a web service using proxy class.

Demo (unavailable) » Blog » Code »

Generic placeholder image

Translate To French Web Service

Basic implementation of a legacy ASP.NET web service

Demo (unavailable) » Blog » Code »

Generic placeholder image

Razor Syntax Basics

Shows how to use Razor, the default templating engine in ASP.NET MVC.

Demo (unavailable) » Blog » Code »

Generic placeholder image

Using Media Queries

Shows how media queries can make web page more responsive to browser width changes.

Demo » Blog »

Generic placeholder image

Fixed Width

Shows how content in fixed width web page is clipped when browser width is reduced.

Demo »

Generic placeholder image

To-Do List Javascript Application

A javascript-only implementation of a to-do list application.

Demo »