Github
Nix Siow

Nix Siow

<Role> Full Stack Coder </Role>

Ruby

Ruby

Ruby on Rails • Sinatra • Gems • RSpec • Cucumber

puts 'Hello World'
JavaScript

JavaScript

jQuery • AngularJS • UnderscoreJS • NodeJS • MEANJS • ExpressJS • JSON • AJAX

console.log('Hello World')
FrontEnd

Front End Technologies

HTML5 • CSS3 • HAML • Sass

<h1>Hello World</h1>

body:before { content: "Hello World"; }
API

API

{ "APIs": [ "Firebase", "Zappier", "Twilio", "Geolocation", "Stripe" ] }
Database

Database

Postgresql • SQLite • MongoDB
Build Tools

Build Tools

GruntJS • GulpJS • Bower • Git • NPM • Yeoman
Frameworks and Libraries

Framework & Libraries

Bootstrap • Ionic • Handlebars • UnderscoreJS • jQuery
Effy

Effy

Source Code | Demo

Effy is a simple task management application.


I built Effy during my 12 weeks web development immersive course at General Assembly, Sydney. Effy was my first project, I learnt heaps from idea stage, mock up, project management to actually finish it.

Stack:

  • Backend on Rails
  • Geolocation API, OpenWeather API
  • Twitter Bootstap
  • HTML5
  • CSS3
  • Demochattic

    Demochattic

    Source Code | Demo

    Initial thought on building a chat room with the concept of democratic in mind, hence the name 'Demochattic'. Put it simple, people on the room is able to initial a vote and everyone in the room has the right to vote yes or no to kick someone of of the room (or other change the theme color, things like that ).

    A lot of challages when it come to development, especially the vote system, algorithm and real time chatting given what we know at that time(basic JavaScript, no framework no node.js).

    Nevertheless, learn alot from my teammate Simon and Mark, they are awesome!

    Key focus:

  • Learn how to collaborate and work as a team, especially working on git.
  • Integrating topics covered during this course thus far.
  • Play more with Rails object modelling.
  • Stack:

  • Ruby on Rails
  • JavaScript
  • AJAX
  • Twitter Bootstap
  • Amazon S3 and Carrierwave API
  • MarketPlac

    MarketPlac

    Source Code | Demo

    MarketPlac is a ecommerce site that use Stripe as payment gateway.

    Final project during WDI course with initial thought of building it for my sister who was running a online fashion business at that time.

    Stack:

  • Ruby on Rails
  • JavaScript
  • AJAX (add items to shopping cart)
  • Stripe API (Payment Gateway)
  • RSpec testing (Test Driven Development)
  • Twitter Bootstap
  • Key focus on this project is to practise use of Javascript and Rails. Shopping cart implementation and learn how is the Stripe API work was lots of fun.

    GA Yearbook

    GA WDI4 Yearbook

    Source Code | Demo

    Web Development Immersive 4, General Assembly, Sydney

    We had fun and learn heaps together for 12 weeks, and this is the final group project which serve as a yearbook.

    We decided present our class setting and everyone one of us in a game mode. Everyone had contribute in different part of this BackboneJS app to make it happen.

    Love these nerds.

    ShowTrackr

    ShowTrackr

    Source Code | Demo

    ShowTrackr - A TV show tracker using AngularJS, NodeJS and Mongodb.

    AngularJS + Node + Gulp + Mongoose + Passport Authentication + TVDB API

    REST API with Express, authentication and signup process with Passport, create and retrieve data from MongoDB using Mongoose. The front-end will be built using AngularJS and Bootstrap Sass. The last step involves using gulp.js to optimize your static assets.

    Apps Routes:

  • Home - display a list of popular shows.
  • Detail - information about one particular TV show.
  • Login - user login form.
  • Signup - user signup form.
  • Add - add a new show form.
  • Next

    Next

    Source Code | Demo

    Next - Simple application to manage queue from any of your electronic device, from restaurant use to selling iPhone!

    AngularJS + Zappier API + Twilio API + Firebase API

    Apps Routes:

  • Home - Landing page.
  • Login - User login form.
  • Signup - User signup form.
  • Waitlist - Manage your customer/queue.
  • iBucket

    iBucket

    Source Code

    iBucket - A mobile apps that let you add your wishes on the move.

    Built by AngularJS + Ionic + Gulp + Firebase API.

    View this demo on your favorite Android and iPhone with this app id: 6d0b9fa8. First your need to download Ionic view on your smartphone.

    This meant to be an experiment with Ionic framework and its not fully functioning yet. It's turn out to be awesome when you actually see it on Android and iPhone.

    Apps Routes:

  • Home - Display a list wishes.
  • Login - User login form.
  • Signup - User signup form.
  • Add - Add a new wish.
  • nixsiow dot com

    nixsiow.com

    Source Code | URL

    My Personal Website

    Static website with handpicked sharp color categorized.

    I craft it the way I wanted to present myself on the web.

    Layout:

  • Code - My personal site to showcase my work on coding.

  • Photograph - I do photoshooting. This is a photo blog hosted on Tumblr which I use to share my photos.

  • Blog - My personal blog (hosted on Tumblr) which I regularly share about stuff I care about. Mostly science and technology related.

  • Contact - My social appearance on the web. (Social media and others)
  • Y.S.I.S

    Your Site Is Sucks

    Source Code | Home Page

    Ever come across a really sucks website, poorly designed, slow loading time, etc... Tell everybody how bad it is on http://yoursiteissucks.github.io !

    Built with AngularJS + Firebase + Bootstrap

    Website Overview:

  • Home - Complain about bad sites
  • About - Information about the author and the code license
  • Browse - All the reviews from other complainer
  • Signup - user Signin page or Signup page
  • ShowTrackr

    ShowTrackr

    Source Code | Demo

    ShowTrackr - A TV show tracker using AngularJS, NodeJS and Mongodb.

    AngularJS + Node + Gulp + Mongoose + Passport Authentication + TVDB API

    REST API with Express, authentication and signup process with Passport, create and retrieve data from MongoDB using Mongoose. The front-end will be built using AngularJS and Bootstrap Sass. The last step involves using gulp.js to optimize your static assets.

    Apps Routes:

  • Home - display a list of popular shows.
  • Detail - information about one particular TV show.
  • Login - user login form.
  • Signup - user signup form.
  • Add - add a new show form.
  • ShowTrackr

    ShowTrackr

    Source Code | Demo

    ShowTrackr - A TV show tracker using AngularJS, NodeJS and Mongodb.

    AngularJS + Node + Gulp + Mongoose + Passport Authentication + TVDB API

    REST API with Express, authentication and signup process with Passport, create and retrieve data from MongoDB using Mongoose. The front-end will be built using AngularJS and Bootstrap Sass. The last step involves using gulp.js to optimize your static assets.

    Apps Routes:

  • Home - display a list of popular shows.
  • Detail - information about one particular TV show.
  • Login - user login form.
  • Signup - user signup form.
  • Add - add a new show form.
  • ShowTrackr

    ShowTrackr

    Source Code | Demo

    ShowTrackr - A TV show tracker using AngularJS, NodeJS and Mongodb.

    AngularJS + Node + Gulp + Mongoose + Passport Authentication + TVDB API

    REST API with Express, authentication and signup process with Passport, create and retrieve data from MongoDB using Mongoose. The front-end will be built using AngularJS and Bootstrap Sass. The last step involves using gulp.js to optimize your static assets.

    Apps Routes:

  • Home - display a list of popular shows.
  • Detail - information about one particular TV show.
  • Login - user login form.
  • Signup - user signup form.
  • Add - add a new show form.
  • ShowTrackr

    ShowTrackr

    Source Code | Demo

    ShowTrackr - A TV show tracker using AngularJS, NodeJS and Mongodb.

    AngularJS + Node + Gulp + Mongoose + Passport Authentication + TVDB API

    REST API with Express, authentication and signup process with Passport, create and retrieve data from MongoDB using Mongoose. The front-end will be built using AngularJS and Bootstrap Sass. The last step involves using gulp.js to optimize your static assets.

    Apps Routes:

  • Home - display a list of popular shows.
  • Detail - information about one particular TV show.
  • Login - user login form.
  • Signup - user signup form.
  • Add - add a new show form.
  • Close

    TOP ↑