front-end-for-your-exchange.com

Blinktrade demo exchange

Technologies we are using

• jekyll, a static generator in Ruby, to create the static html pages
• google closure library for the javascript application
• google closure templates for some of the javascript ui views

How to create your own front end

1. Fork the repo
2. Rename it to yourgithubusername.github.io
3. clone your new repo git clone https://github.com/yourgithubusername/yourgithubusername.github.io.git
4. Edit the url tag in file _config.yml to //yourgithubusername.github.io
5. Commit your changes git commit -am 'My changes'
6. Push to the branch: git push origin master
7. Wait approximately 20 minutes for githubpages
8. Open your browser and point it to http://yourgithubusername.github.io

How to edit the static content.

1 - Install Git and Ruby, in case you don't have them yet.

2 - Once installed these dependecies, open up the terminal and install Jekyll with the following commands.

$ gem install jekyll

3 - Navigate to the project folder

$ cd yourgithubusername.github.io

4 - And finally run:

$ jekyll server --watch

You'll have access to the website at localhost:4000 :D

More information about Jekyll's file structure here.

Browser Support

IE 11+ ✔	Latest ✔	Latest ✔	Latest ✔	Latest ✔

How build the javascript application

$ cd jsdev
$ sh build_release.sh 

File Structure

The file structure for the project is organized in the following way:

.
|-- _includes
|-- _layouts
|-- _posts
|-- _config.yml
|-- jsdev
|-- assets
|-- index.html

_includes

They're blocks of code used to generate the main page of the site (index.html).

_layouts

Here you'll find the default template of the application.

_posts

Here you'll find a list of files for each post.

_config.yml

It stores most of the settings of the application.

index.html

The static html page

jsdev

The google closure javascript application

assets

Images, CSS, Compiled Javascripts, Fonts and all static content.

License

GNU GENERAL PUBLIC LICENSE © Blinktrade, Inc.