+
+ );
+ }
+}
+
+export default AthletePage;
\ No newline at end of file
diff --git a/frontendJS/universal-react/src/components/AthletePreview.js b/frontendJS/universal-react/src/components/AthletePreview.js
new file mode 100644
index 0000000..1b933b5
--- /dev/null
+++ b/frontendJS/universal-react/src/components/AthletePreview.js
@@ -0,0 +1,21 @@
+import React from 'react';
+import { Link } from 'react-router';
+
+class AthletePreview extends React.Component {
+ render() {
+ return (
+
+
+
+ Olympic medalist from
+
+
+
+
+ 
+
+
+ {athlete.name}
+Winner of
- {
+ athlete.medals.map((medal, i) =>
+ « Back to the index
+
+
+ 
+ 
+ {this.props.medals.length}
+
+
+
+ );
+ }
+}
+
+export default AthletePreview;
\ No newline at end of file
diff --git a/frontendJS/universal-react/src/components/Flag.js b/frontendJS/universal-react/src/components/Flag.js
new file mode 100644
index 0000000..ae56fdb
--- /dev/null
+++ b/frontendJS/universal-react/src/components/Flag.js
@@ -0,0 +1,40 @@
+import React from 'react';
+
+const data = {
+ cu: {
+ name: 'Cuba',
+ icon: 'flag-cu.png'
+ },
+ fr: {
+ name: 'France',
+ icon: 'flag-fr.png'
+ },
+ jp: {
+ name: 'Japan',
+ icon: 'flag-jp.png'
+ },
+ nl: {
+ name: 'Netherlands',
+ icon: 'flag-nl.png'
+ },
+ uz: {
+ name: 'Uzbekistan',
+ icon: 'flag-uz.png'
+ }
+};
+
+class Flag extends React.Component {
+ render() {
+ const name = data[this.props.code].name;
+ const icon = data[this.props.code].icon;
+
+ return (
+
+ {this.props.name}
+ +
+ {this.props.medals.length}
+
+ 
+ {this.props.showName && {name}}
+
+ );
+ }
+}
+
+export default Flag;
\ No newline at end of file
diff --git a/frontendJS/universal-react/src/components/IndexPage.js b/frontendJS/universal-react/src/components/IndexPage.js
new file mode 100644
index 0000000..492e6a5
--- /dev/null
+++ b/frontendJS/universal-react/src/components/IndexPage.js
@@ -0,0 +1,17 @@
+import React from 'react';
+import AthletePreview from './AthletePreview';
+import athletes from '../data/athletes';
+
+class IndexPage extends React.Component {
+ render() {
+ return (
+
+
+ );
+ }
+}
+
+export default IndexPage;
\ No newline at end of file
diff --git a/frontendJS/universal-react/src/components/Layout.js b/frontendJS/universal-react/src/components/Layout.js
new file mode 100644
index 0000000..f6fec2c
--- /dev/null
+++ b/frontendJS/universal-react/src/components/Layout.js
@@ -0,0 +1,24 @@
+import React from 'react';
+import { Link } from 'react-router';
+
+class Layout extends React.Component {
+ render() {
+ return (
+
+ {athletes.map(athleteData =>
+
+
+
+ 
+
+
+
+ );
+ }
+}
+
+export default Layout;
\ No newline at end of file
diff --git a/frontendJS/universal-react/src/components/Medal.js b/frontendJS/universal-react/src/components/Medal.js
new file mode 100644
index 0000000..7c21b38
--- /dev/null
+++ b/frontendJS/universal-react/src/components/Medal.js
@@ -0,0 +1,23 @@
+import React from 'react';
+
+const typeMap = {
+ G: 'Gold',
+ S: 'Silver',
+ B: 'Bronze'
+};
+
+class Medal extends React.Component {
+ render() {
+ return (
+
+
+ {this.props.children}
+
+
+
+ );
+ }
+}
+
+export default NotFoundPage;
\ No newline at end of file
diff --git a/frontendJS/universal-react/src/data/athletes.js b/frontendJS/universal-react/src/data/athletes.js
new file mode 100644
index 0000000..f773b97
--- /dev/null
+++ b/frontendJS/universal-react/src/data/athletes.js
@@ -0,0 +1,134 @@
+"use strict";
+
+const athletes = [
+ {
+ 'id': 'driulis-gonzalez',
+ 'name': 'Driulis González',
+ 'country': 'cu',
+ 'birth': '1973',
+ 'image': 'driulis-gonzalez.jpg',
+ 'cover': 'driulis-gonzalez-cover.jpg',
+ 'link': 'https://en.wikipedia.org/wiki/Driulis_González',
+ 'medals': [
+ { 'year': '1992', 'type': 'B', 'city': 'Barcelona', 'event': 'Olympic Games', 'category': '-57kg' },
+ { 'year': '1993', 'type': 'B', 'city': 'Hamilton', 'event': 'World Championships', 'category': '-57kg' },
+ { 'year': '1995', 'type': 'G', 'city': 'Chiba', 'event': 'World Championships', 'category': '-57kg' },
+ { 'year': '1995', 'type': 'G', 'city': 'Mar del Plata', 'event': 'Pan American Games', 'category': '-57kg' },
+ { 'year': '1996', 'type': 'G', 'city': 'Atlanta', 'event': 'Olympic Games', 'category': '-57kg' },
+ { 'year': '1997', 'type': 'S', 'city': 'Osaka', 'event': 'World Championships', 'category': '-57kg' },
+ { 'year': '1999', 'type': 'G', 'city': 'Birmingham', 'event': 'World Championships', 'category': '-57kg' },
+ { 'year': '2000', 'type': 'S', 'city': 'Sydney', 'event': 'Olympic Games', 'category': '-57kg' },
+ { 'year': '2003', 'type': 'G', 'city': 'S Domingo', 'event': 'Pan American Games', 'category': '-63kg' },
+ { 'year': '2003', 'type': 'S', 'city': 'Osaka', 'event': 'World Championships', 'category': '-63kg' },
+ { 'year': '2004', 'type': 'B', 'city': 'Athens', 'event': 'Olympic Games', 'category': '-63kg' },
+ { 'year': '2005', 'type': 'B', 'city': 'Cairo', 'event': 'World Championships', 'category': '-63kg' },
+ { 'year': '2006', 'type': 'G', 'city': 'Cartagena', 'event': 'Central American and Caribbean Games', 'category': '-63kg' },
+ { 'year': '2006', 'type': 'G', 'city': 'Cartagena', 'event': 'Central American and Caribbean Games', 'category': 'Tema' },
+ { 'year': '2007', 'type': 'G', 'city': 'Rio de Janeiro', 'event': 'Pan American Games', 'category': '-63kg' },
+ { 'year': '2007', 'type': 'G', 'city': 'Rio de Janeiro', 'event': 'World Championships', 'category': '-63kg' },
+ ],
+ },
+ {
+ 'id': 'mark-huizinga',
+ 'name': 'Mark Huizinga',
+ 'country': 'nl',
+ 'birth': '1973',
+ 'image': 'mark-huizinga.jpg',
+ 'cover': 'mark-huizinga-cover.jpg',
+ 'link': 'https://en.wikipedia.org/wiki/Mark_Huizinga',
+ 'medals': [
+ { 'year': '1994', 'type': 'B', 'city': 'Gdansk', 'event': 'European Championships', 'category': '-78kg' },
+ { 'year': '1996', 'type': 'B', 'city': 'Atlanta', 'event': 'Olympic Games', 'category': '-86kg' },
+ { 'year': '1996', 'type': 'G', 'city': 'The Hague', 'event': 'European Championships', 'category': '-86kg' },
+ { 'year': '1997', 'type': 'G', 'city': 'Oostende', 'event': 'European Championships', 'category': '-86kg' },
+ { 'year': '1998', 'type': 'G', 'city': 'Oviedo', 'event': 'European Championships', 'category': '-90kg' },
+ { 'year': '1999', 'type': 'B', 'city': 'Bratislava', 'event': 'European Championships', 'category': '-90kg' },
+ { 'year': '2000', 'type': 'G', 'city': 'Sydney', 'event': 'Olympic Games', 'category': '-90kg' },
+ { 'year': '2000', 'type': 'S', 'city': 'Wroclaw', 'event': 'European Championships', 'category': '-90kg' },
+ { 'year': '2001', 'type': 'G', 'city': 'Paris', 'event': 'European Championships', 'category': '-90kg' },
+ { 'year': '2002', 'type': 'B', 'city': 'Maribor', 'event': 'European Championships', 'category': '-90kg' },
+ { 'year': '2003', 'type': 'B', 'city': 'Düsseldorf', 'event': 'European Championships', 'category': '-90kg' },
+ { 'year': '2004', 'type': 'B', 'city': 'Athens', 'event': 'Olympic Games', 'category': '-90kg' },
+ { 'year': '2004', 'type': 'S', 'city': 'Bucharest', 'event': 'European Championships', 'category': '-90kg' },
+ { 'year': '2005', 'type': 'B', 'city': 'Cairo', 'event': 'World Championships', 'category': '-90kg' },
+ { 'year': '2005', 'type': 'B', 'city': 'Rotterdam', 'event': 'European Championships', 'category': '-90kg' },
+ { 'year': '2008', 'type': 'G', 'city': 'Lisbon', 'event': 'European Championships', 'category': '-90kg' },
+ ],
+ },
+ {
+ 'id': 'rishod-sobirov',
+ 'name': 'Rishod Sobirov',
+ 'country': 'uz',
+ 'birth': '1986',
+ 'image': 'rishod-sobirov.jpg',
+ 'cover': 'rishod-sobirov-cover.jpg',
+ 'link': 'https://en.wikipedia.org/wiki/Rishod_Sobirov',
+ 'medals': [
+ { 'year': '2007', 'type': 'S', 'city': 'Kuwait City', 'event': 'Asian Championships', 'category': '-60kg' },
+ { 'year': '2008', 'type': 'B', 'city': 'Beijing', 'event': 'Olympic Games', 'category': '-60kg' },
+ { 'year': '2010', 'type': 'G', 'city': 'Tokyo', 'event': 'World Championships', 'category': '-60kg' },
+ { 'year': '2011', 'type': 'G', 'city': 'Paris', 'event': 'World Championships', 'category': '-60kg' },
+ { 'year': '2012', 'type': 'B', 'city': 'London', 'event': 'Olympic Games', 'category': '-60kg' },
+ { 'year': '2015', 'type': 'B', 'city': 'Astana', 'event': 'World Championships', 'category': '-66kg' },
+ { 'year': '2016', 'type': 'B', 'city': 'Rio de Janeiro', 'event': 'Olympic Games', 'category': '-66kg' },
+ ],
+ },
+ {
+ 'id': 'ryoko-tani',
+ 'name': 'Ryoko Tani',
+ 'country': 'jp',
+ 'birth': '1975',
+ 'image': 'ryoko-tani.jpg',
+ 'cover': 'ryoko-tani-cover.jpg',
+ 'link': 'https://en.wikipedia.org/wiki/Ryoko_Tani',
+ 'medals': [
+ { 'year': '1991', 'type': 'B', 'city': 'Barcelona', 'event': 'World Championships', 'category': '-48kg' },
+ { 'year': '1991', 'type': 'B', 'city': 'Osaka', 'event': 'Asian Championships', 'category': '-48kg' },
+ { 'year': '1992', 'type': 'S', 'city': 'Barcelona', 'event': 'Olympic Games', 'category': '-48kg' },
+ { 'year': '1993', 'type': 'G', 'city': 'Hamilton', 'event': 'World Championships', 'category': '-48kg' },
+ { 'year': '1994', 'type': 'G', 'city': 'Hiroshima', 'event': 'Asian Games', 'category': '-48kg' },
+ { 'year': '1995', 'type': 'G', 'city': 'Chiba', 'event': 'World Championships', 'category': '-48kg' },
+ { 'year': '1995', 'type': 'G', 'city': 'Fukuoka', 'event': 'Universiade', 'category': '-48kg' },
+ { 'year': '1996', 'type': 'S', 'city': 'Atlanta', 'event': 'Olympic Games', 'category': '-48kg' },
+ { 'year': '1997', 'type': 'G', 'city': 'Paris', 'event': 'World Championships', 'category': '-48kg' },
+ { 'year': '1999', 'type': 'G', 'city': 'Birmingham', 'event': 'World Championships', 'category': '-48kg' },
+ { 'year': '2000', 'type': 'G', 'city': 'Sydney', 'event': 'Olympic Games', 'category': '-48kg' },
+ { 'year': '2001', 'type': 'G', 'city': 'Munich', 'event': 'World Championships', 'category': '-48kg' },
+ { 'year': '2003', 'type': 'G', 'city': 'Osaka', 'event': 'World Championships', 'category': '-48kg' },
+ { 'year': '2004', 'type': 'G', 'city': 'Athens', 'event': 'Olympic Games', 'category': '-48kg' },
+ { 'year': '2007', 'type': 'G', 'city': 'Rio de Janeiro', 'event': 'World Championships', 'category': '-48kg' },
+ { 'year': '2008', 'type': 'B', 'city': 'Beijing', 'event': 'Olympic Games', 'category': '-48kg' },
+ ],
+ },
+ {
+ 'id': 'teddy-riner',
+ 'name': 'Teddy Riner',
+ 'country': 'fr',
+ 'birth': '1989',
+ 'image': 'teddy-riner.jpg',
+ 'cover': 'teddy-riner-cover.jpg',
+ 'link': 'https://en.wikipedia.org/wiki/Teddy_Riner',
+ 'medals': [
+ { 'year': '2007', 'type': 'G', 'city': 'Belgrade', 'event': 'European Championships', 'category': '+100kg' },
+ { 'year': '2007', 'type': 'G', 'city': 'Rio de Janeiro', 'event': 'World Championships', 'category': '+100kg' },
+ { 'year': '2008', 'type': 'B', 'city': 'Beijing', 'event': 'Olympic Games', 'category': '+100kg' },
+ { 'year': '2008', 'type': 'G', 'city': 'Levallois-Perret', 'event': 'World Openweight Championships', 'category': 'Open' },
+ { 'year': '2009', 'type': 'G', 'city': 'Pescara', 'event': 'Mediterranean Games', 'category': '+100kg' },
+ { 'year': '2009', 'type': 'G', 'city': 'Rotterdam', 'event': 'World Championships', 'category': '+100kg' },
+ { 'year': '2010', 'type': 'G', 'city': 'Tokyo', 'event': 'World Championships', 'category': '+100kg' },
+ { 'year': '2010', 'type': 'S', 'city': 'Tokyo', 'event': 'World Championships', 'category': 'Open' },
+ { 'year': '2011', 'type': 'G', 'city': 'Istanbul', 'event': 'European Championships', 'category': '+100kg' },
+ { 'year': '2011', 'type': 'G', 'city': 'Paris', 'event': 'World Championships', 'category': '+100kg' },
+ { 'year': '2012', 'type': 'G', 'city': 'London', 'event': 'Olympic Games', 'category': '+100kg' },
+ { 'year': '2013', 'type': 'G', 'city': 'Budapest', 'event': 'European Championships', 'category': '+100kg' },
+ { 'year': '2013', 'type': 'G', 'city': 'Rio de Janeiro', 'event': 'World Championships', 'category': '+100kg' },
+ { 'year': '2014', 'type': 'G', 'city': 'Chelyabinsk', 'event': 'World Championships', 'category': '+100kg' },
+ { 'year': '2014', 'type': 'G', 'city': 'Montpellier', 'event': 'European Championships', 'category': '+100kg' },
+ { 'year': '2015', 'type': 'G', 'city': 'Astana', 'event': 'World Championships', 'category': '+100kg' },
+ { 'year': '2016', 'type': 'G', 'city': 'Kazan', 'event': 'European Championships', 'category': '+100kg' },
+ { 'year': '2016', 'type': 'G', 'city': 'Rio de Janeiro', 'event': 'Olympic Games', 'category': '+100kg' },
+ ],
+ }
+];
+
+export default athletes;
diff --git a/frontendJS/universal-react/src/routes.js b/frontendJS/universal-react/src/routes.js
new file mode 100644
index 0000000..d5854db
--- /dev/null
+++ b/frontendJS/universal-react/src/routes.js
@@ -0,0 +1,16 @@
+import React from 'react';
+import { Route, IndexRoute } from 'react-router';
+import Layout from './components/Layout';
+import IndexPage from './components/IndexPage';
+import AthletePage from './components/AthletePage';
+import NotFoundPage from './components/NotFoundPage';
+
+const routes = (
+ 404
+Page not found!
++ Go back to the main page +
+<%- markup -%>
+
+
+
\ No newline at end of file
diff --git a/frontendJS/universal-react/webpack.config.js b/frontendJS/universal-react/webpack.config.js
new file mode 100644
index 0000000..406a076
--- /dev/null
+++ b/frontendJS/universal-react/webpack.config.js
@@ -0,0 +1,36 @@
+const webpack = require('webpack');
+const path = require('path');
+
+module.exports = {
+ entry: path.join(__dirname, 'src', 'app-client.js'),
+ output: {
+ path: path.join(__dirname, 'public', 'js'),
+ filename: 'bundle.js'
+ },
+ module: {
+ loaders: [{
+ test: path.join(__dirname, 'src'),
+ loader: ['babel-loader'],
+ query: {
+ cacheDirectory: 'babel_cache',
+ presets: ['react', 'es2015']
+ }
+ }]
+ },
+ plugins: [
+ new webpack.DefinePlugin({
+ 'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV)
+ }),
+ new webpack.optimize.DedupePlugin(),
+ new webpack.optimize.OccurrenceOrderPlugin(),
+ new webpack.optimize.UglifyJsPlugin({
+ compress: {
+ warnings: false
+ },
+ mangle: true,
+ sourcemap: false,
+ beautify: false,
+ dead_code: true
+ }),
+ ]
+};
\ No newline at end of file