Rich Applications Labs

A collection of Web and Mobile Apps by Pablo Fuentes

Quick Links

News
March 4, 2016
Added the SkipTouch mobile game


Projects
Here's a list of projects that I have been working on.

SkipTouch - Mobile card game

  Project Description

SkipTouch is a card game for iPhone, iPad and Android phones and tablets. It's inspired by the popular Skip-Bo & Spite and Malice card games. It's written in JavaScript with HYML5 and CSS3, uses the jQuery and is wrapped in a native app using Cordova/PhoneGap.

Features:
  • Easy, Medium and Hard difficulty levels for casual and expert gamers
  • Fully animated gameplay
  • Tap, Touch or drag to play
  • Games save automatically so you can continue later
  • Settings allow adjustments for quicker or longer games
  • Cheat feature shows the computer's hand cards and helps understand the computer's strategy

Project History

SkipTouch is a port of the SkipWE game (below). It was redesigned for the phone screen size and form-factor. CSS3 animations were used instead of jQuery to make the gameplay smooth and fast. Then Cordova was used to wrap it into a native app that can be listed in the app stores.

Download SkipTouch to your phone or tablet

Story Wall - Agile / Scrum Story Tracker

  Project Description

The Story Wall is a rich Web application that allows Agile / Scrum project teams to track and manage the progress of their stories within the active sprint / iteration.

Features:
  • Drag & Drop of stories to update status
  • Wiki-like collaboration / concurrent editing
  • Click to zoom-in for a specific team / status
  • Click story to edit / delete / print
  • Adding stories on the fly
  • Simple Admin Tool to manage sprint / iteration updates (easily copy stories from your backlog at the start of a sprint / iteration)

Upcoming Features:
  • A dynamic Task Board
  • Burndown Charts

Project History

This started as a tool to use in my own projects and was based on the original code for the Calendar Flow / Team Calendar prototype. It is built in JavaScript using the jQuery library. It uses Ajax requests to load and save the data and is independent on the server-side implementation (to save and validate).

Try a Demo: The Story Wall

Interested? Ask about installing this free application on own your web site.

Team Calendar

  Project Description

Team Calendar is a rich web calendar collaboration tool with a distinct Calendar Flow UI for navigating through time. It is built in JavaScript using the jQuery library. It uses Ajax requests to load calendar events.

Project History

One of the objectives was to come up with a different paradigm for navigating through days in a Calendar view. It was also seen as a good way for colleagues to collaborate with onsite or remote teams.

Try it: Team Calendar

Interested? Ask about installing this free application on your own web site.

 

SkipWE - A Web Game Experiment

  Project Description

SkipWE is a Web and Facebook game inspired by the popular Skip-Bo (Spite and Malice) card game. It is a two-player version against the computer (which plays a pretty strong game). The game is written in JavaScript and uses the excellent jQuery library.

Project History

The project was initially released in 1998 as a freeware Windows game called Skip98. It was originally written in C++ using the DirectX API, and my main purpose was to learn and also to build a game that I would play myself. Eventually, I decided it was good enough to release it as a freeware. In late 2007, I challenged myself to port the game to JavaScript and was amazed at how easy it was to do, especially since it's mostly an as-is port of the language. At the start of this project I wrote my own animation routines but later found jQuery's implementation much more elegant and simple, yet still allowing me to keep full control of the details of each animation.

Try it: Launch SkipWE or Play on Facebook

 

DOMScope - A Handy Developer Toolbox

  Project Description

DOMScope is a Web application that allows users (especially developers) to examine and navigate the Document Object Model of any Web page as you browse the Web. It's implemented as a Bookmarklet which you launch when you are on the page that you want to examine. It will then start the program in a new window that displays the DOM object properties and provides navigation and Searching through the DOM. It also provides ways to modify the page (DOM values, JavaScript execution, etc.).

Project History

The project was started in 2002 and I have been using it in my own development, especially with Internet Explorer. However, I have made very little changes in several years and have been lazy about releasing it to the public. It still has a few bugs but it does the job.

Try it

The link below launches DOMScope for this page. To use this on any Web site, you need to add this link to your bookmarks. Some browsers allow you to just drag this link to your Bookmarks bar. Otherwise, just right-click the link and add it to your bookmarks / favorites ("Add to Favorites" / "Bookmark this link...").

   Link:  DOMScope  (You may need to disable pop-up blockers on the Web site you will inspect)

URL:

Once the bookmark is ready, simply browse to any web page and then launch your bookmark to start DOMScope.

VEMoDe - A Desktop Web application

  Project Description

VEMoDe stands for Video Encoder for Mobile Devices. It is a Web application that runs natively on a Windows PC and written in JavaScript and DHTML, using HTA and ActiveX technologies to interact with the users's Windows desktop. It's main function is as a UI wrapper around the FFmpeg command-line encoder and has optimal settings for mobile devices, including the iPhone, the iPod Touch, the PlayStation Portable, as well as various PalmOS and Windows Mobile devices.

- Project Home Page

Project History

The project was first released in 2005 as a freeware Windows application to encode videos for mobile devices like PDAs. I initially wanted to build it in C++, but later found a way to use my Web Development and JavaScript skills by making it an "HTML Application" (HTA). Although HTAs are rarely used anymore, I still feel this is a great way to develop a good desktop UI application that has full access to the computer resources.

Try it: Download VEMoDe

 

Bookmarklets

Questions / Feedback: RichApps@gmail.com

Copyright © 2016, Pablo Fuentes