Mikel Jagan

Full-Stack Developer

JavaScript, Python

Skills

  • HTML logo. CSS logo. JavaScript logo.

    Front-End Development

    Your design, translated with HTML, CSS, JavaScript and supporting front-end frameworks — built to scale across multiple devices such as desktops, tablets and phones.
  • Node.js logo. Python logo. MongoDB logo.

    Back-End Development

    Breathe life into your front-end with Node.js or Python, built with supporting back-end frameworks and ready to communicate with your database.

Tools

Atom allows for efficient coding while Electron brings the flexibility of web technology to any desktop OS.

Familiarity with version control, such as Git and Perforce, ensures secure revision history and smooth collaboration.

Want WordPress?  No problem.  We can discuss how WordPress can get you up and running with a powerful site and Content Management System.

  • Atom text editor logo

    Atom

  • Git logo

    Git

  • WordPress logo

    WordPress

  • macOS logo

    macOS

  • Windows logo

    Windows

  • Ubuntu Budgie logo

    Linux


Recent Projects

Summary

  • HTML 5 Media
  • CSS
  • JavaScript
  • Bootstrap
  • AJAX
  • Dynamic Search
  • User-Level Content
  • External API Calls
  • E-Commerce
  • Content Filtering
  • Custom PHP
  • WebGL Integration
  • Form Validation
  • Responsive
  • Modals
  • WordPress CMS

MeshBender

www.meshbender.com

A 3-D platform that increases Artist productivity with ready-made 3-D assets, material libraries and training.

MeshBender is built upon WordPress using Bootstrap and heavily modified to meet the vision and needs of the company.   Modifications range anywhere from custom PHP — for altering post-purchase invoices and behavior — to custom CSS for altering third party plugins to match the main visual style.

API integrations with Facebook, Google, Twitter, LinkedIn and MailChimp allow the end-user to log in with existing social media accounts among other features such as analytics, newsletter subscriptions etc.   The site also features E-Commerce features such as adding to cart, coupons, post-purchase invoicing, dynamic searching, modals, single sign-on, 3-D WebGL viewer integration with SketchFab and dynamic content based on user level.

Summary

  • HTML 5 Media
  • CSS
  • JavaScript
  • Bootstrap
  • AJAX
  • Dynamic Search
  • User-Level Content
  • External API Calls
  • E-Commerce
  • Content Filtering
  • Custom PHP
  • WebGL Integration
  • Form Validation
  • Responsive
  • Modals
  • WordPress CMS

Summary

  • HTML 5 Media
  • CSS
  • JavaScript
  • jQuery
  • Form Validation
  • AJAX
  • Responsive
  • Hamburger Menu
  • Modal Overlays
  • Scroll to Elements
  • Scroll to Top

Single Page Template

www.mikeljagan.com

There is simplicity in efficiency. Nothing is more efficient than a website with content that presents itself to you so you never have to leave the page.   You may have noticed that you are touring this template right now.

Designed with Affinity Photo, built with HTML, styled with CSS and brought to life with JavaScript and jQuery — this template includes features such as; modal overlays with video embedding, quick scroll to top and smooth element section scrolling.

Fully responsive design and functionality allows you to view all content on any desktop or mobile device — it also features a hamburger menu for mobile devices and smaller resolutions.  If you haven't already, give it a try!  Scale the browser or rotate your device and watch the site rebuild itself on the fly for the most optimal user experience.

Summary

  • HTML 5 Media
  • CSS
  • JavaScript
  • jQuery
  • Form Validation
  • AJAX
  • Responsive
  • Hamburger Menu
  • Modal Overlays
  • Scroll to Elements
  • Scroll to Top

Summary

  • Python
  • Lic. Authentication
  • Intelligent Parsing
  • Smart Update
  • Backup
  • Package fetching
  • Extraction
  • Post-Install Cleanup
  • Abort and Restore

Back-End Content Installer

Once initialized, the installer checks for an active internet connection and ensures that a connection with the database and download server is possible.   If successful, it requests the user securely authenticate with the server to ensure they have the appropriate license to install the content.

Once authentication is complete, the installer begins to scan the user's computer for valid 3-D Applications, only considering valid application installs.   Even if the user has multiple versions of the same 3-D Applicatons installed along with different 3-D Applications, each installation path will be detected and returned.  The installer presents the returned applications and their versions to the user and has them select which applications they would like to proceed installing/updating content for.

A series of backups initializes for each application path for updates, fresh installations simply proceed with acquiring the latest version.  Once the backup has been created a request is sent to the download server for the latest version of the content.  Upon successful download, the installer then extracts and writes the files to their appropriate host application directories.

Finally, once the installation is deemed successful, all temporary backups and downloads are removed.  If at any point something goes wrong, the installer immediately aborts, restores from the temporary backup and ends so the user is still left with their current version of content.

Summary

  • Python
  • Lic. Authentication
  • Intelligent Parsing
  • Smart Update
  • Backup
  • Package fetching
  • Extraction
  • Post-Install Cleanup
  • Abort and Restore

Summary

  • HTML
  • CSS
  • Desktop
  • Mobile
  • Prototype

Front-End App. Prototype

This front-end calendar application explores HTML and CSS outside the traditional browser environment and is an exercise in desktop or mobile web application development.

Prototyping allows front-end developers to communicate effectively with designers and explore what is possible with the proposed design or project.

Summary

  • HTML
  • CSS
  • Desktop
  • Mobile
  • Prototype

Ready to Begin?

Tell me more about your project and what you are trying to achieve.

Whether you are an established company, a small startup or just an individual seeking web presence, let’s start a conversation today.