Projects

Custom HTML5 app development has always been one of Mindfire's key strengths. Our dedicated team of 20+ HTML5 experts, trusted by clients for their technical expertise and delivery excellence, gives us the ability to effectively execute all kinds of projects that use HTML5.

Please check our HTML5 Development Services page to have a better understanding of our services.

Mindfire offers a wide range of offshore outsourcing services, support and solutions in HTML5. From HTML5 project outsourcing to having dedicated HTML5 developers / consultants on contract, we have a solution for all your HTML5 needs. Our skilled HTML5 developers build excellent websites and feature rich applications that are consistent across all browsers. Following are some projects that our expert developers have using HTML5:

  • Student Behaviour Tracking Application
  • Event Management and Media Distribution Platform
  • Virtual Team Building Game
  • Python/Django Application for a Yoga Center
  • Mobile Astrology Software
  • Drug-Free Sports App
  • Golf Score Tracker
  • Wordpress Theme Development
  • Shopping Network App
  • Social Networking App: Opinion Posting on Global Trends and Issues
  • HTML5 multi-player board game prototype
  • Real Time Dashboard Synchronization
  • T-shirt Design Tool
  • Cross Browser Extension for Referral Earnings
  • Audio selection tool for Speaker Identification
  • Task and activity monitoring for professionals app
  • Responsive site in Drupal7
  • Represent Mathematical concept
  • Event Registration and Wepay Customiztation for a Popular Charity Website
  • HTML5 Audio Video Player for Social Networking and Media Sharing
  • HTML5 Magazine reader
  • Ad Creator Tool
  • Live Video Application
  • Dropbox API integration for document sharing
  • Forecast, Speed and Impact Graphs for a Project Management System
  • Computer Access Systems
  • Video Conferencing Platform
  • Project Management System
  • Telecom provider data parsing and reporting system
  • Design and Markup Tools for a Magazine Publishing Company
  • Flash Games to Responsive HTML5 Conversion
  • Dalim Dialog integration for a Digital Asset Management System
  • Off-line Web Application


Student Behaviour Tracking Application

Client:
Education Services Provider
Industry:
Education
Technologies:
CodeIgniter, PHP, MySQL, jQuery, Ajax, HTML5, CSS3, REST, XML

Designed and Implemented a Student Behaviour tracking application. The application allows the admin to create schools and import student and teachers data. The schools can then assign students and teachers to classes. We also implemented a native client app which uses robust REST API to allow teachers to submit behaviour rating for students on the spot. This allows for parents and school authorities to see how the student is doing in school. It basically provides a running report on the students conduct to find and take early corrective action. We also implemented a web browser based interface and used responsive design to ensure that the user interface adapts to different screen sizes. Teachers and parents can both use their logins to view reports across the globe and with specific drill downs.


Event Management and Media Distribution Platform

Client:
IT solutions provider
Industry:
Media & Entertainment
Technologies:
LAMP, PHP, CodeIgniter, MYSQL, CSS3, HTML5, jQuery, AJAX, Twitter Bootstrap, REST API, JSON, Authorize.net, Refunds

Mindfire Solutions designed and implemented an event management system which allows event speakers to post recordings of their speeches for attendees to then access the recordings and listen to it online. The system has three types of users which includes (i)administrator, (ii)event speaker and (iii)event attendee. The admin can manage the content of the web application via a custom CMS and creates and manages events and assigns speakers to events. The attendees need to register and are then sent an access code which they can subsequently use to access event details, notes and recordings that the speaker can add to the event. The event speaker needs to register and purchase codes and can then distribute it to attendees. We used authorize.net for the payment gateway and also implemented functionality that allows the admin to refund money to the speaker of the event in case the event is cancelled. The application also exposes REST APIs which allows the mobile version of the application to interface with the application and manage events, codes and media for distribution. We used JSON for the data exchange format.


Virtual Team Building Game

Client:
Healthcare Services Provider
Industry:
Healthcare
Technologies:
PHP, MYSQL, Codeigniter, HTML5, CSS3, JavaScript, jQuery, jQuery Mobile, HL7, SVN

Designed and Implemented an online gaming application for healthcare services provider. The game is split into several seasons with each season having more than one episode. Virtual characters are selected by the users/players and assigned to different seasons to form a virtual team. The characters can then be part of an episode in a season where an episode lasts for seven days or a week. Each character has an ability rating for different activity areas. Depending on ability rating the system displays goals for virtual character. The user assigns goals to virtual players and for himself and the system updates the virtual character's status each day and notifies to the user. Depending on the virtual character's status the user is prompted with several options from system. The option can deduct or add points depending on usage. The player/user can accumulate points over an episode to get a special offer from the healthcare services provider/organization. We implemented a message board to allow users to communicate with other users in system. We also Implemented a team standing screen to motivate users and the teams. Admin interfaces were implemented as well to manage each attribute of game and we implemented several custom reports. An import script to parse HL7 data was also implemented to import users into our system.


Python/Django Application for a Yoga Center

Client:
Yoga Center Owner
Industry:
Hospitality
Technologies:
Python, Linux, Jquery,  Django, Google Services Integration, Webservices, Git, HTML5

Implementation and maintenance of a web application that automates the work flow in a yoga studio. This application provides an intuitive unified dashboard for the receptionist to manage help-desk activities. It provides role based authentication, dynamic administration and interface for portable mobile devices. It provides easy management of flexible class based pass system. It has an accounting module to keep track of accounting operations in the studio and a module to manage inventory. There is a module for reporting which help in generating different kinds of reports and allows for export in different formats such as html, csv and pdf. The system integrates with different 3rd party applications like google calendar for easy management of class and instructor schedules. Different HTML5 components were used for consistency among different computer platforms and portable devices.


Mobile Astrology Software

Client:
Hollywood News Services Provider
Industry:
Entertainment
Technologies:
PhoneGap, BlackBerry WebWorks, HTML5, JavaScript, JQuery

Our client, operating in the Entertainment Industry, is a leading provider of Hollywood news and information about celebrities, movies, television, music, and reality shows. They also offer miscellaneous value-added services featuring daily and monthly horoscopes, psychic predictions, celebrity birthdays, and celebrity zodiac match. The client had a BlackBerry PlayBook horoscope application and the previous vendor was trying to deploy the same code for BlackBerry Torch. It was rejected by BlackBerry creating a disaster for the client. The client needed to get out of this situation and also develop for and launch their applications on multiple popular mobile platforms. To start with, Mindfire created the required mobile application using BlackBerry WebWorks and integrated with BlackBerry Messenger. In the next phase of development, after analyzing the client's other existing applications, business needs, and popular cross-platform mobile development frameworks, PhoneGap was selected for its power and versatility. Our PhoneGap experts created the required feature-rich smart-phone applications which could be seamlessly deployed across multiple popular mobile platforms as needed by our client, e.g. iPhone, Android, Windows Phone Mango, etc. While BlackBerry WebWorks provided the power to integrate with BlackBerry Messenger, PhoneGap provided a cost-effective solution to create quick apps and deploy to multiple popular platforms thereby significantly increasing our client's time-to-market and target audience coverage.


Drug-Free Sports App

Client:
Drugs Controller
Industry:
Sports
Technologies:
HTML5, BlackBerry WebWorks

Our clients, a doping prevention entity in sports, had an existing iPhone app built on the native platform using Objective C to promote participation in sports free from the use of prohibited substances intended to artificially enhance performance. The app allowed users to search in the drugs database and find useful information about a medication. Users could filter search results in various categories, such as "allowed," "prohibited," "prohibited in certain sports," etc. Our clients wanted to convert their existing iPhone app to BlackBerry to expand its reach. With the HTML5 local storage we were able to eliminate the need of building a complex Java application with local database. The app was developed using BlackBerry WebWorks and creates the local store on first installation. If the device is online, the modified data is fetched from a feed and the local storage is updated.  Sports News is a bonus feature of the app.


Golf Score Tracker

Client:
Mobile Applications Provider
Industry:
Sports
Technologies:
Rhodes Framework, Ruby, HTML5, JavaScript, SQL Server, WCF and IIS

Our client is a provider of mobile applications and wanted to build an end-to-end Golf Score Tracking application. The application will enable users to set up events for a round of golf with scoring capabilities for the user and up to four other players on a smart-phone. Users need to be able to add Courses to the system with Course Name for an 18 Hole Course along with Tee Name, Hole Pars & Hole Handicaps for each hole. Once a Course is entered in the system, it will then be available for other users to select and use. Mindfire created the database and the restful API using Microsoft technologies to utilize the existing server infrastructure. Rhomobile, with its impressive suite of polished tools, was selected for bringing the cool Golf Game Tracker idea to life. Our experienced Rhomobile team quickly and cost-effectively created a full-featured golf application with the look and feel of a native application. The Rhomobile solution could run on multiple popular platforms such as iPhone, Android, Windows Mobile, BlackBerry, and Symbian. The app was designed with observer pattern so that once a user changes the score, the service pushes the score to other players' devices in the same event.


Wordpress Theme Development

Client:
Professional Wordpress Theme Development Company
Industry:
Information Technology
Technologies:
LAMP, Wordpress 3.3, jQuery, Classy theme, Metabox, Github, TGM library, HTML5, CSS3, Wordpress App Store

Developed and customized professional word press themes. Implemented options which allows the WordPress admin user to customize the theme and create a unique website as per his preference. The options allow the admin to customize the design, header, blog style, footer and templates that are used by the setup. Implemented a metabox feature with drag and drop functionality which allows customization of each published page. Implemented custom post types that allow content to be viewed as a carousel, slider or portfolio page. The themes/designs were implemented as responsive designs that allow for content to be viewed on touch devices such as iPad and iPhone. We also implemented touch and swipe gesture support. Implemented code to integrate and track purchases with the WordPress app store. We implemented features in several different themes that are now available on the WordPress app store.


Shopping Network App

Client:
Digital Content Service Provider
Industry:
Retail
Technologies:
Rhomobile, iOS SDK, Android SDK, BlackBerry SDK, HTML5, JavaScript, jQuery & jQuery Mobile

Our client, a Caribbean-based digital content service provider, wanted to build a system that allows potential buyers to visit shops on their mobile devices and browse through the products and allows shop owners to push discount coupons. Shop owners can create their shops, categories, and products inside a content management system. Potential buyers can browse the shops, categories, and products using their mobile devices in addition to being able to download discount coupons and use those at the shops. Because there are multiple views that the user browses we used Rhomobile, the only cross-platform mobile solution on MVC (Model-View-Controller) architecture. The solution also involves integrating an SMS-based payment system. We used one of the latest features of Rhodes to create Native Extensions to interact with devices' SMS/Text message module. The product runs on iPhone, Android, BlackBerry and Windows Phone and will be in the stores very soon.


Social Networking App: Opinion Posting on Global Trends and Issues

Client:
IT Solutions Provider
Industry:
Social Networking
Technologies:
LAMP, CodeIgniter, MySQL5, Apache with PHP5, jQuery, Ajax, HTML5, Web 2.0, SVN, Google API, Facebook, Google+, LinkedIn

Created a web 2.0 application for users which allows them to post opinions related to current trends and issues in the world and generate an opinion poll. Integrated with social networking platforms like Facebook, Google+ and LinkedIn for sharing opinions. The primary objective is to change the way people communicate with themselves, media and the government. The site differentiates itself from the competition by having a rich HTML5/jQuery/JS based user interface. The application filters the opinions based on regions selected by the user. The application allows for viewing discussions and opinions in one's home, neighbour, city, community, state and at the country level. The user interface is highly optimized with transparent movable glass interfaces to provide the user with the a 3D type engaging look and feel.

We used the CodeIgniter Framework with Mysql for the development of the application. HTML5, jQuery/javascript was heavily used for the UI.


HTML5 multi-player board game prototype

Client:
Game Designs
Industry:
Gaming/Entertainment
Technologies:
HTML5, Javascript, jQuery, SVG, node.js, mongoDB, AWS, EC2, S3, Cloudfront, SVN

Designed and implemented an HTML5 browser based multi-player board game. The game shows a race track and allows for the player to pick his car. The player can then roll the dice and the number then reflects the number of places the car can move to.

The challenge was to first get the dice to roll on the screen to simulate an actual dice roll. The next step was to implement the movement of the car object along a curvy race track. The car movement had to be similar to a car driving down the track without any breaks and we used SVG to implement this. Had to synchronize the player movements and implemented a periodic state save feature for the players to continue playing after reloading their browser or logging in at a later date. We used node.js for the server and implemented HTML5 sockets to communicate between the different players.


Real Time Dashboard Synchronization

Client:
Health Care Treatment and Training
Industry:
Healthcare
Technologies:
Python, HTML5 Sockets, JS, CSS UI development, jQuery Mobile

This healthcare project deal with diagnosing person traits, behavior and other factor related to personality by asking questions just like the survey page. Its UI provides different questions categorized in different sections. It also provides a way to record and store the answer.

Implemented a http server and a socket server using python. Designed the user interface with jQuery Mobile and implemented HTML5 web sockets which allows for real time dashboard synchronization and storing of the web form state info on the server. The application allows collaboration from multiple users who are connected via their web browser to the same form instance.


T-shirt Design Tool

Client:
USA
Industry:
IT
Technologies:
phantomJS, HTML5, CSS, Javascript

Implemented a T-shirt design tool which extensively uses advanced javascript to allow for text and images to be placed on an image of a t-shirt and the user to then customize the look and feel by dragging, rotating and placing the text and images in a specific area within the t-shirt.

Implemented client side manipulation for most cases and Image magick to be used only when absolutely needed. The key accomplishment here is that the load on the server is drastically reduced as most of the work is handled with javascript on the client browser.


Cross Browser Extension for Referral Earnings

Client:
IT solutions provider
Industry:
E-commerce
Technologies:
Crossrider framework, Object Oriented Javascript, HTML5, CSS, AJAX, JSON, DOM

Designed and implemented a cross browser plugin/extension for a charity based on the Crossrider framework / API. The plugin creates a local cache of participating merchant URLs who pay a referral fee for any referrals that come from the charity website. The local cache of participating merchants is periodically refreshed by web workers which pull JSON data from a centralized server without effecting the user experience.

Once the plugin is installed it parses search results from google, bing and yahoo and replaces any matched merchant URLs with a custom URL that links to a redirecter page on the charity website. An icon is placed next to the matching URL to let the user know that the link is for an approved site.

On clicking the link, the user is required to accept the agreement terms for donating referral fees to the charity and the redirector page simply logs the hit and further redirects to the actual merchant URL. This is similar to what google does when you click on a search result. The idea is for participating shoppers to allow for their referral fees earnings to be donated to the charity website as compared to some other referring website. The plugin was primarily tested on chrome and firefox. We had to customize the  javascript code to get it to work for Internet Explorer which also required a security certificate on the charity website.


Audio selection tool for Speaker Identification

Client:
Software Product and Services
Industry:
Software Services
Technologies:
HTML5, JavaScript, CSS & Python API

Main objective of this application is to generate an audio signature of a speaker by analyzing an audio file and to store the same in the database.

To do it, the user will work with an existing audio file where the speaker speaks. Using that audio in the application, the user selects some seconds where the speaker speaks clearly and without interruptions and uses the selected time range to train the system. After finding those seconds and having trained the system, the user will use a web form where more information regarding the speaker can be added.

The web application interface has been built using HTML5/CSS and Javascript only. The Web application will be invoked receiving a string identifying an audio file it will work with, an unique id. Using that unique id and an API it will be able to access and retrieve that audio file encoded in WAV, OGG or MP3 format (depending on browser selection).

The app will show a waveform of the audio retrieved, and the user will be able to select part of that waveform, marking a time frame of at least X seconds of audio. The user will be able to listen to the whole file, play from a point in the middle or play just the part he selected. After that, the app will invoke an existing API passing the audioID and (start, end) seconds of selected part by user to train the system and add a speaker to it.

Once the audio is loaded, it will draw the waveform for that audio. To draw the waveform wavesurfur.js has been used in web-kit enabled browser like chrome, and in other browsers the waveform image is being fetched by calling an API.

Once both audio and waveform  are loaded, user can analyze the audio. User can play, pause, fast forward, rewind the audio by using control buttons. User can select a position to play by only clicking on the waveform also. They can also change the play position by dragging the play-position line on the waveform.


Task and activity monitoring for professionals app

Client:
Management Consultant
Industry:
Management Solution Provider
Technologies:
HTML5, WinJS, CSS, Telerik

The application is a Windows Store application. It's a collaboration platform for professionals.The application persists two different type of accounts individual/organizational.

The app has several module blocks like hubs, organization wide / personalized repository spaces, connection circle, inbox/sent management, real-time message signal stream, doc and metadata managements, creating relations between separate objects etc.

Hubs are basically the module level landing pages designed to show all the relevant updates on personalized live tiles. The streams that are relevant to the section gets updated depending upon the user activities on real time basis. The hub tiles enables the user to navigate to different sections of the app basing upon the information displayed them. Those are kind of context sensitive tiles which sense the content and allow the user to navigate to the particular section of the app.

The real-time signal streams displays all the relevant user activities on screen. Also user can ask for feedback, voting by use of the signal streams. Signal streams also used for the information purposes as well. It keeps circle informed about the user activities of the relevant sections.

User can invite other users to his connection circle. On invitation user will get informed via email and can join the circle of that particular user. Also additionally it shows the availability status of the user. The users in the connection circle can chat with each other using the app chat window basing upon their availability.

Emails being sent/receive in the app gets tracked in the inbox section.The users can Compose / Send / Reply / Delete / forward emails to users from the connection pool.       Documents are created inside a personalized repository inheriting the rules been set for the repository. According to the rules set the other members have accessibility to the docs. Metadata attached add more description to the doc in terms of relationships, tags and attributes.


Responsive site in Drupal7

Client:
IT services provider
Industry:
Information Technology
Technologies:
Drupal7, HTML5, Omega theme, GA, jQuery, PHP, MySQL, Panel module

This is a Drupal7 site with responsive styling using Omega theme framework. Heavily used HTML5  for creating grid animations on home and services section. Implemented a custom portfolio functionality to showcase project and case studies. This project basically was a task to port the existing site which consisted of several flash videos and a home page flash animation into Drupal CMS.

The major challenge was to recreate the home page animation Flash video and reconstruct it using HTML5. Also make provision for the client to upload blocks into this animation grid was done using Panels Module. The site consisted of standard features like content types, taxonomies to manage news and event also implemented meta tags module for SEO and used google analytics.


Represent Mathematical concept

Client:
Software Service
Industry:
Education
Technologies:
HTML5 - Canvas, Javascript, Jquery

This project comprises of different mathematical explorations. And this is being developed to work in desktop as well as iPad browser. An Exploration takes a maths concept and turns into a very simple game. Sometimes it will guide a student through the different stages of a maths problem and sometimes it is as simple as dragging items around the screen to illustrate a mathematical concept.

For example: In an exploration, a student can drag two "handles" on the X and Y axis of a grid. When the green or red squares are dragged, the text in the box to the right is updated. The explorations rely heavily on the HTML5 Canvas, an HTML Element new to HTML5. In the above example, the grid and the handles are just drawings on the canvas. Each of these items has properties like x and y position, as well as built in functions to track whether the item is being touched, mouse over, dragged or dropped.


Event Registration and Wepay Customiztation for a Popular Charity Website

Client:
Design Media Marketing
Industry:
Charity/Fundraising
Technologies:
Kohana, LAMP, HTML5, CSS3, jQuery, Wepay Payment Gateway, GIT

Re-designed and integrated HTML/CSS templates for an existing Kohana based application that allows Charities to signup and own their page. The site contains a data base from the IRS for all charities in the US. The charities can then create fundraisers and use the application to collect donations made by visitors. Integrated with wepay payment gateway to allow for payments to be made on the site.

Implemented logic to calculate the excess charge for wepay and the site's commission to be included as additional costs to the donation that the visitor wishes to make. Implemented the ability to manage event banners and log donations and signups as a result of the global event ads on the site. Implemented radius search to order charity and fundraisers based on geocode for the visitor who is searching.


HTML5 Audio Video Player for Social Networking and Media Sharing

Client:
Media Entertainment Company
Industry:
Media Entertainment
Technologies:
LAMP, CodeIgniter, SVN, Ubuntu, Zencoder API, HTML5, EC2, AWS, audio, video, streaming, REST, Videojs, Audiojs 

Designed and implemented a HTML5 based media player to play audio and video files with flash fall back. The system allows users to upload media files and share it with members of the website. We integrated with zencoder API to convert audio and video files for web delivery. We also implemented sharing to allow the media player to be shared on social networks such as facebook, twitter and google+. The player also allows the user to get iframe code which allows platform browser detection to render HTML5 or flash player when it is embedded on remote websites/blogs.

We had set the application on Amazon EC2 and configured a media server on another EC2 instance that used opensource mods for apache for media/video pseudo-streaming. We used opensource players from audio and video js and skinned them to add in custom functionality that was needed.


HTML5 Magazine reader

Client:
Software Development Company
Industry:
IT
Technologies:
HTML5, CSS, JQuery, SVN 

Designed and implemented a HTML5 website for iPhone, iPad and Android that allows the user to read magazines online in their browser. We used HTML5 canvas, jQuery plugins and CSS to allow the user to flip through pages in a magazine and zoom and pan using finger gestures within the browser. The application was also engineered for high performance to allow pre-loading of images to allow for a smooth experience. We also implemented thumb preview of pages that scroll on top of the page. The application also adjusted view for portrait and landscape views.


Ad Creator Tool

Client:
Magician/Software Development Company
Industry:
Entertainment
Technologies:
AngularJS, jQuery, JavaScript, HTML5, CSS3, Bootstrap, JSON, REST API

Designed and Implemented an online Ad Creator Tool. The application allows users to drag and drop different elements including, video box for youtube or uploaded videos, image box, text, etc. to design a customized ad. The tool also allows for changing font styles and sizes with the ability to change the background color. Implemented several preset templates and provided a library to select media files to customize the template.

The tool integrates with a back-end REST API which allows the user to save the ad as work in progress or as a final version. Implemented the ability to add tags to the ads created so that they can be searched.

The application also allows users to share their ads on popular social networking sites with the ability to email a link to friends. Friends can then not only comment and rate ads but also create their own ad and share it.


Live Video Application

Client:
Software Service
Industry:
Entertainment
Technologies:
HTML 5, CSS, Javascript, jQuery, jQueryMobile,  PHP

We have built a responsive website for SmartPhones and Tablets, inclusive of Players. Player and Page should resize inclusive of Player changing size depending on device(Smartphones and Tablets).

LiveTV Page:
It displays online live streaming of a TV channel. It uses "NetroMedia streaming service provider". This page is responsive to mobiles, tablets, desktops.

Video Page:
It displays list of videos. It calls an API to get data. This page is responsive to mobiles, tablets, desktops.


Dropbox API integration for document sharing

Client:
Enterprise Software Development Company
Industry:
IT Solutions Provider
Technologies:
Dropbox API, nodeJS, MongoDB, MongoVUE, Karma-Jasmine, JavaScript, jQuery, WebStorm, HTML5, CSS3, GIT

A document sharing module was implemented which integrates with Dropbox APIs to allow users in the system to share project specific documents with other collaborators on the project. Implemented ability to add project users to an existing document. The users can download and upload edited documents which then notified other tagged users. Implemented other user interface features such as the ability to view and update list of tasks based on filters and add in notes on an uploaded document.

Implemented the ability for collaborators to comment on the document. A history feature was implemented which allows for viewing owners on the task/document. Implemented ability to set meeting times and share schedule with project members.


Forecast, Speed and Impact Graphs for a Project Management System

Client:
Enterprise Software Development Company
Industry:
IT Solutions Provider
Technologies:
nodeJS, MongoDB, MongoVUE, Karma-Jasmine, JavaScript, jQuery, WebStorm, HTML5, CSS3, GIT

Designed and implemented several charts including graphical gauges which implement calculations based on several project metrics to measure and represent speed and impact on the overall project plan. The gauges allow for visualizing current and average speed for the running project.

Implemented logic to for showing sparkline charts for visualizing and measuring speed and impact trends. Implemented a forecast module which uses speed calculations to determine projected end dates for planned milestones and the overall project. Implemented several ajax based forms and UI elements for a rich user interface.


Computer Access Systems

Industry:
CRM, e-commerce
Technologies:
HTML5, Bootstrap, Javascript, Jquery, .NET,  Mysql

This is a web based B2B2C environment that supports the management of complete supply chain in including cash register, e-commerce, e-invoicing, warehouse management, CMS and CRM. The system is built as two basic parts. First part is the product, stock maintenance and reporting section for managing the back end supply chain system by merchants, dealers and warehouse staff.

The second part is the front end public website with product catalog drawn from dynamic pages out of the CMS system. When order is placed via the product catalog, it generates a supply chain record for the back-end system. The order processing chain from warehouse to dealers and then to customer is processed through supply chain cycle through the system.


Video Conferencing Platform

Client:
IT Services Provider
Industry:
Media/Entertainment
Technologies:
Web RTC, Socket.io, EasyRTC, Node.js, Express js, Jade, Stylus, MongoDB, jQuery, JavaScript, HTML5, CSS3, TURN/STUN server, Twilio API, SVN

Designed and implemented a video conferencing platform through which users can connect and invite others to start a AV conference call. We used WebRTC with Socket.io and also Easy RTC to implement peer to peer based chat rooms.

The application suite also consisted of a native thin client app for windows which behaves similar to Skype and allows users to communicate with other users who can connect via their browser. The backend was implemented using node.js and MongoDB and allowed us to maintain contacts, status and other such information about the users.

To start a call, the users have free access to login where they can invite/add and find their contacts. Depending on on the contact's presence (Available/Offline) information the application then allows the logged in user to call his contact. We also implemented the ability to create unique URLs which could be shared with non-system users to allow them to connect and conference. Other features implemented included integration with Twilio APIs to allow users to set up call forwarding which then routes the call to their phone.

We used Express.js framework on top of Node.js and Jade/twitter bootstrap for the templating engine with Stylus for styling. MongoDB was used for the backend along with STUN/TURN servers which handled the connection between the peers.


Project Management System

Client:
IT Services Provider
Industry:
Information Technology
Technologies:
Node.js, MongoDB, jQuery, HTML5, CSS, Jasmine, Karma, GIT

Implemented a project management system with different modules to address different aspects of remote teams and developers working on multiple projects together. Developers/Project manager had the ability to view daily speed, daily impact and specific release forecast on the dashboard. The application's key focus was high speed access and hot updates on tasks/status changes. We used a custom framework built on top of Node.js with MongoDB as the backend.


Telecom provider data parsing and reporting system

Client:
Entrepreneur
Industry:
Stats/Analysis
Technologies:
PHP, HTML5, Postgres, CSS, Bootstrap, Wkhtmltopdf, PHPExcel, Sendgrid, AWS Ec2, AWS RDS, AWS S3, Ubuntu, SVN

The main intent of this application is to consolidate the phone records of different telecom providers to one common format which makes it easy to identify frequently dialed numbers. The app also has an internal analysis tool which provides the ability to view reports based data collected from voice/mms/sms data channels to predict behavior and detect call patterns.

Implemented a custom library to allow for extending the existing system and adapting future and new provider data formats. Implemented several cron jobs to execute specific tasks starting from extraction to conversion of data and pushing it to remote business portals.


Design and Markup Tools for a Magazine Publishing Company

Client:
Print Publications
Industry:
Publishing
Technologies:
HTML5, CSS3, Canvas, JavaScript, XINIT APIs, PHP, Linux, Apache, SVN

Created HTML5 and JavaScript based tools for review and markup of magazine pages that are to be published for upcoming issues. The tools leverage on HTML5 features to allow users to highlight and draw various objects on pages that are to be published. The tools included drawing of circles, lines, rectangles and other formats similar to what is offered by MS Paint.

Also implemented an annotation tool and auto refresh feature that allows the user to see changes being made by another user who is accessing and working on the same page. The marked up image is then stored on the server and updates are sent to a proprietary / legacy system via APIs as well as the XINET server APIs which stores the original magazine pages.


Flash Games to Responsive HTML5 Conversion

Client:
Games Development Company
Industry:
e-learning
Technologies:
HTML5, CSS3, jQuery, JS, GIT, PageSpeed, Yslow, Firebug

Designed and implemented configurable games which were based on existing flash games. The UI and game content is fully customizable via a config file on the server. The games can be embedded on different e-learning sites or social networking portals and implement randomization of questions and responses along with a timer within which the user must respond.

Implemented varying levels of complexity and focused on optimized load times to minimize amount of data transfer to the browser as well as user wait time for the game to load. Minimized code files and implemented static file versioning to ensure that browser cache clearing can be managed via code. Used several online tools including google PageSpeed and Firefox add-ons to debug and finalize delivery.


Dalim Dialog integration for a Digital Asset Management System

Client:
Media Production Agency
Industry:
Publishing
Technologies:
HTML5, JavaScript, AJAX, Dalim Dialogue Engine SDK, JSP, Apache Tomcat

Integrated Dalim Software's Dialogue Engine SDK with an existing Digital Asset Management System which allowed for soft proofing capabilities for documents stored on a NFS mounted location. Implemented ability to launch a custom page, hosted on a different server, from the existing system. The existing DAM passes a document name or directory to this page and the page then parses the NFS mount to get the document path and uses the Dialogue SDK to open the related file(s) in the Dialogue HTML5 viewer.

Implemented custom Javascript code to make cross domain ajax calls to update the existing systems database via a RESTful API call. Configured the server to allow for crossdomain ajax requests to be made from the custom page. Implemented the ability to print pages loaded in the HTML5 viewer by taking screenshots of the page using Javascript and also generating annotated PDFs and merging them using GhostScript via system calls.


Off-line Web Application

Client:
Healthcare service
Industry:
Healthcare
Technologies:
Angular Js, HTML5, Local Storage,  Application  Cache, BootStrap, IndexedDB, WebSQL

This is an off-line web application interacts with an existing healthcare application developed in Servoy to manage patient, doctors, appointments, cases (specific to road accidents), etc.

  The off-line application helps the doctors to fill the data related to case from their laptops / tabs / mobile, even if they are not connected with internet. They can fill various forms related to injuries, save locally and when they are online can sync the data  back with the Servoy application. When the user logs into the system for the first time using the credentials  then a token is received via an API response, is used for future login. Once the token expires then users have to use the credentials again for login. A pass code can be set by the user to help him/her to login quickly into the application.


News & Updates

  • January 17

    DDM IT Quiz, Inspired by Mindfire, is Spreading its Wings!

  • December 16

    Santa in a different Avatar- International vacations gifted to All Mindfireans!

Let us Connect!

Awards and Achievements

Red Herringcolor DeloitteFast50 DB ZInnov1   Nascome  DB Stpi

This site uses cookies. We respect your privacy.copyright (c) Mindfire Solutions 2007-2018. Login