Skip to content
A personal portfolio page
HTML JavaScript CSS Ruby Shell
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
_data
_includes
_layouts
_plugins
_posts
_project
_sass
articles
assets
css
functions
pages
scripts
.firebaserc
.gitignore
.sublime-gulp.cache
.travis.yml
404.html
CNAME
Gemfile
Gemfile.lock
LICENSE
README.md
_config.yml
database.rules.json
feed.xml
firebase-messaging-sw.js
firebase.json
gulpfile.js
index.html
manifest.json
package-lock.json
package.json
service-worker.js
sw-precache-config.js

README.md

mukilane.github.io Build Status

My personal portfolio page

How it started

This site was started as a hobby project in 2015 with the first commit being from the Github Page Generator. Initially developed with basic Material Design Lite framework, I switched to AngularJS in November 2016 and started a complete revamp, with idea of making it a blog for all my works and thoughts.

Frameworks and libraries used

  1. AngularJS (Frontend framework)
  2. Angular Material(UI library)
  3. PJAX(Push-state AJAX Navigation)
  4. Jekyll (Static Site Generator)
  5. Firebase (Backend)

The frameworks that I've used are completely opensource except Firebase.

Technologies used

  1. Service Workers
  2. Push Notifications
  3. Microdata
  4. Web Share API

Service Worker was used to implement caching and Offline capabilities, and also to provide support for Push Notifications. Microdata is used for semantic markup. Web Share API is an experimental feature in Chrome, enabled using Origin Trial, to implement native sharing feature in mobile. Note: To enable this on Chrome Android, go to chrome://flags/#enable-experimental-web-platform-features and enable it.

Future plans

  1. HTML5 Canvas
  2. AMP support

Future plan path includes making the site AMP enabled and using Canvas for animations and interactions.

You can’t perform that action at this time.