# Site teste
- Ferramentas : React + Webpack.
- Webpack Modules: react, react-dom, react-route, react-bootstrap, chartjs (não usei o módulo)
Boostrap.js e ChartJS no index.html:
- Intuito foi utilizar um exemplo fora do react com jQuery.
Statistics Page:
- Utilizei os dados do meu site como base de alguns gráficos.
- EarlyGame API url: earlygame.net/api/statistics/{site}
- Response: Object {Classe:{id,name,count,icon}}
Layout & Style:
- bootstrap - http://getbootstrap.com
Structure:
/*
* Responsible Layout by Bootstrap
*<container>
<col-lg-12>Header</col>
* <nav>NavBar</nav>
* <row>
* <col-lg-9>
<col-lg-12>Content</col>
* <col-lg-6>Container 1</col>
* <col-lg-6>Container 2</col>
* </col>
* <col-lg-3>SideBar</col>
* </row>
* <footer></footer>
*
*/
References:
https://www.youtube.com/watch?v=MhkGQAoc7bc&list=PLoYCgNOIyGABj2GQSlDRjgvXtqfDxKm5b - Guia de estrutura
http://www.chartjs.org/ - ChartJS cru
https://github.com/jhudson8/react-chartjs - ChartJS for React
https://facebook.github.io/react/tips/initial-ajax.html - Ajax call