Web Application Development

Elegant, intuitive interfaces.

 

Primary Technologies

WebserversNGINX,

Databases: MySQL, MongoDB, neo4j

Backend FrameworksCodeigniter, LaravelCakePHPNode.js (Express/socket.io/Meteor)

Frontend Toolchain: Webpack/Babel, Svelte, Vue.js, jQuery, Bootstrap 4, Stylus




Blog

A modern front-end web development workflow

What does it look like to develop the front-end code of a modern web app? As you know browsers understand javascript, CSS, and HTML (only).

Configuring multiple subdomains on an NGINX webserver

TLDR:  In this post I'm going to detail an optimal NGINX webserver configuration for multiple subdomains...

Building a completely reactive app with Vue.js & socket.io

At the beginning of this year (2020), I released a web app (a 6 month side-project): a fully reactive, real-time web-app leveraging Vue.

Virality is an Ingredient

TL;DR Products that are inherently viral are easier to market.   CONVENTIONAL WISDOM says that if...

The front-end

TL;DR Javascript and the web browser have come a long way in the last few years and it's feasible to build a complex FRONT-END web app.




Portfolio

The Full Monte

A fully integrated suite of 14 back-office apps designed and coded in-house (leveraging the PHP / CodeIgniter backend framework).

Google Maps API

Hordes of developers lean heavily on Google's Mapping API.   Add me to that list. . .    

Stage Payments App

I'm a serial entrepreneur and a prolific coder.  My latest project is a stage payments, contract management, and online billing web application.

Wiki

One of my early PHP apps (initial version circa 2009). At the time there simply wasn't an easy to use Wiki for non-techs.

Staff Directory & Availability App

An internal and/or customer facing Staff Directory highlighting staff availability.  Part of a fully...

Portfolio App

A project archival system (PHP-backed) for research & future proposal development (but equally suited to client facing portfolio).

CRM Suite

Customer Relationship Management Suite

Contacts & List Management App

This app is at version 3 (complete re-writes spanning 5 years).  After all it's hard to render 7500+...

Atomisa HTML --> PDF Service

Back story: One of my PHP web applications allows end-users to create reports.  Whilst these are created...

Mezosphere Url Monitoring Service

A fully reactive url monitoring system to help server admins sleep at night. This is a Node. js / Vue.

High-tech winter camping stove

This project utilizes diverse technologies: * combustion * electronic hardware (sensors and micro-controller)...

Dialog Component - js

As a web application developer, I use interactive popups quite a bit. While there are many out there,...

Growl Component - js

TLDR: a classy open-source notification system for the browser (javascript). What's so great about it?




Open Source

Developers typically, increasingly, use a ton of open source software in their projects.  Over time, these building blocks gets updated by the package authors and contributors.  When we leverage their code, albeit in subtle ways, our own code gets improved and in a variety of ways we help each other.

I'll take some distinct functionality that I'm proud of, that could be useful to others's.  In some cases the original code was developed years ago, then extended over time to fit the needs of various projects.  I'll simplify it's use, reorganize, modernize, generalize, document, test, package, and finally share it in my public repositories.

Keeping my code in a public repository helps me too.  Apart from establishing credibility in the developer community, it keeps my code organized, I get to consume my own modules.  If I make improvements or fix a bug, all my projects easily get those updates.

Ultimately, sharing my work is a way of giving back; a way to belong, serve, and swim in a greater pool.

Package  
growl-jsA classy notification system for the browsergrowl-js demo
dialogA flexible javascript popup dialog.dialog demo
dom-utilsA collection of DOM utils to add syntactic sugar and supplement jQuery. 



Team / Partners

Ananda Masri

Full-Stack web development

James Mannion

Graphic Design

Elite Design Inc.

Kick-Ass Web Design

 





Recent Clients

 





Contact

(780) 399-3424

ananda@auror....

8423 - 188 Street NW
Edmonton, AB, T5T 4Z2
Canada

Google Map Link