├── src
    ├── FAQ.jsx
    ├── Contact.jsx
    ├── Github.jsx
    ├── Home.jsx
    ├── MI1.jsx
    ├── MI2.jsx
    ├── About.jsx
    └── App.jsx
├── webpack.prod.config.js
├── webpack.config.js
├── package.json
├── main.js
├── server.js
├── index.html
├── README.md
├── css
    └── style.css
└── LICENSE


/src/FAQ.jsx:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | 
 3 | class FAQ extends React.Component {
 4 |    render() {
 5 |       return (
 6 |       <div>
 7 |           <h2>FAQ</h2>
 8 |           <p>FAQ section of the website.
 9 |           </p>
10 |         </div>
11 |       );
12 |    }
13 | }
14 | 
15 | export default FAQ;


--------------------------------------------------------------------------------
/src/Contact.jsx:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | 
 3 | class Contact extends React.Component {
 4 |    render() {
 5 |       return (
 6 |       <div>
 7 |           <h2>Contact</h2>
 8 |           <p>For more details, please e-mail at er.siddhantagarwal@gmail.com.
 9 |           </p>
10 |         </div>
11 |       );
12 |    }
13 | }
14 | 
15 | export default Contact;


--------------------------------------------------------------------------------
/src/Github.jsx:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | 
 3 | class Github extends React.Component {
 4 |    render() {
 5 |       return (
 6 |       <div>
 7 |           <h2>Github</h2>
 8 |           <p>Check out complete source code at the <a href="https://github.com/sidagarwal04/react-spa-demo">Github repo</a>.
 9 |           </p>
10 |         </div>
11 |       );
12 |    }
13 | }
14 | 
15 | export default Github;


--------------------------------------------------------------------------------
/webpack.prod.config.js:
--------------------------------------------------------------------------------
 1 | var config = require('./webpack.config.js');
 2 | var webpack = require('webpack');
 3 | 
 4 | config.plugins.push(
 5 |   new webpack.DefinePlugin({
 6 |     "process.env": {
 7 |       "NODE_ENV": JSON.stringify("production")
 8 |     }
 9 |   })
10 | );
11 | 
12 | config.plugins.push(
13 |   new webpack.optimize.UglifyJsPlugin({
14 |     compress: {
15 |       warnings: false
16 |     }
17 |   })
18 | );
19 | 
20 | module.exports = config;


--------------------------------------------------------------------------------
/src/Home.jsx:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | 
 3 | class Home extends React.Component {
 4 |    render() {
 5 |       return (
 6 |       <div>
 7 |           <h2>Home</h2>
 8 |           <h3>This is home page of the spa website.</h3>
 9 |           <p>Cras facilisis urna ornare ex volutpat, et
10 |           convallis erat elementum. Ut aliquam, ipsum vitae
11 |           gravida suscipit, metus dui bibendum est, eget rhoncus nibh
12 |           metus nec massa. Maecenas hendrerit laoreet augue
13 |           nec molestie. Cum sociis natoque penatibus et magnis
14 |           dis parturient montes, nascetur ridiculus mus.</p>
15 |   
16 |           <p>Duis a turpis sed lacus dapibus elementum sed eu lectus.</p>
17 |         </div>
18 |       );
19 |    }
20 | }
21 | 
22 | export default Home;


--------------------------------------------------------------------------------
/src/MI1.jsx:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | 
 3 | class MI1 extends React.Component {
 4 |    render() {
 5 |       return (
 6 |       <div>
 7 |           <h2>Menu Item 1</h2>
 8 |           <h3>This is page for first menu item from the drop down menu.</h3>
 9 |           <p>Cras facilisis urna ornare ex volutpat, et
10 |           convallis erat elementum. Ut aliquam, ipsum vitae
11 |           gravida suscipit, metus dui bibendum est, eget rhoncus nibh
12 |           metus nec massa. Maecenas hendrerit laoreet augue
13 |           nec molestie. Cum sociis natoque penatibus et magnis
14 |           dis parturient montes, nascetur ridiculus mus.</p>
15 |   
16 |           <p>Duis a turpis sed lacus dapibus elementum sed eu lectus.</p>
17 |         </div>
18 |       );
19 |    }
20 | }
21 | 
22 | export default MI1;


--------------------------------------------------------------------------------
/src/MI2.jsx:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | 
 3 | class MI2 extends React.Component {
 4 |    render() {
 5 |       return (
 6 |       <div>
 7 |           <h2>Menu Item 2</h2>
 8 |           <h3>This is page for second menu item from the drop down menu.</h3>
 9 |           <p>Cras facilisis urna ornare ex volutpat, et
10 |           convallis erat elementum. Ut aliquam, ipsum vitae
11 |           gravida suscipit, metus dui bibendum est, eget rhoncus nibh
12 |           metus nec massa. Maecenas hendrerit laoreet augue
13 |           nec molestie. Cum sociis natoque penatibus et magnis
14 |           dis parturient montes, nascetur ridiculus mus.</p>
15 |   
16 |           <p>Duis a turpis sed lacus dapibus elementum sed eu lectus.</p>
17 |         </div>
18 |       );
19 |    }
20 | }
21 | 
22 | export default MI2;


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
 1 | var webpack = require('webpack');
 2 | var path = require('path');
 3 | 
 4 | module.exports = {
 5 |    entry: './main.js',
 6 |   
 7 |    output: {
 8 |    	path: path.join(__dirname, '/'),
 9 | 	filename: 'index.js'
10 | 	},
11 |   
12 |    devServer: {
13 |       inline: true,
14 |    },
15 |   
16 |    module: {
17 |       loaders: [
18 |          {
19 |             test: /\.jsx?$/,
20 |             exclude: /node_modules/,
21 |             loader: 'babel',
22 |         
23 |             query: {
24 |                presets: ["react", "es2015"]
25 |             }
26 |          },
27 |          { test: /\.css$/, loader: 'style!css!sass' }
28 |       ]
29 |    },
30 |    plugins: [
31 |     new webpack.optimize.OccurenceOrderPlugin(),
32 |     new webpack.HotModuleReplacementPlugin(),
33 |     new webpack.NoErrorsPlugin()
34 | ]
35 | };
36 | 


--------------------------------------------------------------------------------
/src/About.jsx:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | 
 3 | class About extends React.Component {
 4 |    render() {
 5 |       return (
 6 |       <div>
 7 |           <h2>About</h2>
 8 |           <h3>This is about page of the spa website.</h3>
 9 |           <p>Mauris sem velit, vehicula eget sodales vitae,
10 |           rhoncus eget sapien:</p>
11 |           <p>Cras facilisis urna ornare ex volutpat, et
12 |           convallis erat elementum. Ut aliquam, ipsum vitae
13 |           gravida suscipit, metus dui bibendum est, eget rhoncus nibh
14 |           metus nec massa. Maecenas hendrerit laoreet augue
15 |           nec molestie. Cum sociis natoque penatibus et magnis
16 |           dis parturient montes, nascetur ridiculus mus.</p>
17 |   
18 |           <p>Duis a turpis sed lacus dapibus elementum sed eu lectus.</p>
19 |         </div>
20 |       );
21 |    }
22 | }
23 | 
24 | export default About;


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "react-spa-demo",
 3 |   "version": "1.0.0",
 4 |   "description": "Demo SPA using React.JS and Node.JS",
 5 |   "repository": "https://github.com/sidagarwal04/react-spa-demo",
 6 |   "main": "server.js",
 7 |   "scripts": {
 8 |     "test": "echo \"Error: no test specified\" && exit 1",
 9 |     "start": "node server.js",
10 | 	"postinstall": "webpack -p --config webpack.prod.config.js"
11 |   },
12 |   "author": "Siddhant Agarwal <er.siddhantagarwal@gmail.com>",
13 |   "license": "MIT",
14 |   "devDependencies": {
15 |     "babel-core": "^6.10.4",
16 |     "babel-loader": "^6.2.4",
17 |     "babel-preset-es2015": "^6.9.0",
18 |     "babel-preset-react": "^6.11.1",
19 |     "webpack": "^1.12.0"
20 |   },
21 |   "dependencies": {
22 |     "express": "^4.14.0",
23 |     "react": "^15.2.1",
24 |     "react-dom": "^15.2.1",
25 |     "react-router": "^2.5.2",
26 |     "webpack-dev-server": "^1.14.1",
27 |     "webpack-dev-middleware": "^1.6.1",
28 | 	"webpack-hot-middleware": "^2.10.0"
29 |   }
30 | }
31 | 


--------------------------------------------------------------------------------
/main.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import {Router, Route, IndexRoute, IndexLink, Link} from "react-router";
 4 | 
 5 | import App from './src/App.jsx';
 6 | import Home from './src/Home.jsx';
 7 | import About from './src/About.jsx';
 8 | import MI1 from './src/MI1.jsx';
 9 | import MI2 from './src/MI2.jsx';
10 | import Github from './src/Github.jsx';
11 | import Contact from './src/Contact.jsx';
12 | import FAQ from './src/FAQ.jsx';
13 | 
14 | 
15 | ReactDOM.render(
16 |       <Router>
17 |         <Route path="/" component={App}>
18 |           <IndexRoute component={Home}/>
19 |           <Route path="about" component={About}/>
20 |           <Route path="mi1" component={MI1}/>
21 |           <Route path="mi2" component={MI2}/>	
22 |           <Route path="github" component={Github}/>
23 |           <Route path="contact" component={Contact}/>
24 |           <Route path="faq" component={FAQ}/>
25 |         </Route>
26 |       </Router>,
27 |       document.getElementById('app')
28 |     );


--------------------------------------------------------------------------------
/server.js:
--------------------------------------------------------------------------------
 1 | var path = require('path');
 2 | var express = require('express');
 3 | var app = express();
 4 | var PORT = process.env.PORT || 8080
 5 | 
 6 | // using webpack-dev-server and middleware in development environment
 7 | if(process.env.NODE_ENV !== 'production') {
 8 |   var webpackDevMiddleware = require('webpack-dev-middleware');
 9 |   var webpackHotMiddleware = require('webpack-hot-middleware');
10 |   var webpack = require('webpack');
11 |   var config = require('./webpack.config');
12 |   var compiler = webpack(config);
13 |   
14 |   app.use(webpackDevMiddleware(compiler, { noInfo: true, publicPath: config.output.publicPath }));
15 |   app.use(webpackHotMiddleware(compiler));
16 | }
17 | 
18 | app.use(express.static(path.join(__dirname, '/')));
19 | 
20 | app.get('/', function(request, response) {
21 |   response.sendFile(__dirname + '/index.html')
22 | });
23 | 
24 | 
25 | app.listen(PORT, function(error) {
26 |   if (error) {
27 |     console.error(error);
28 |   } else {
29 |     console.info("==> 🌎  Listening on port %s. Visit http://localhost:%s/ in your browser.", PORT, PORT);
30 |   }
31 | });


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   
 4 | <head>
 5 |   <title>React-SPA Demo </title>
 6 |   <script src="https://fb.me/react-15.2.1.js"></script>
 7 |   <script src="https://fb.me/react-dom-15.2.1.js"></script>
 8 |   <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
 9 |   <script src="https://npmcdn.com/react-router@2.4.0/umd/ReactRouter.min.js"></script>
10 |   <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"></script>
11 |   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
12 |   <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.2/marked.min.js"></script>
13 |   <script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
14 | 
15 |  <link href="css/style.css" rel="stylesheet" type="text/css">
16 |  <link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
17 | 
18 | </head>
19 |   
20 | <body>
21 |   <div id = "app"></div>
22 |   <script src = "index.js"></script>
23 | 
24 | </body>
25 |   
26 | </html>


--------------------------------------------------------------------------------
/src/App.jsx:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import {Router, Route, IndexRoute, IndexLink, Link} from "react-router";
 3 | 
 4 | var App = React.createClass({
 5 |   render: function() {
 6 |     return (
 7 |    
 8 |       <div id="menuwrapper">
 9 |         <h1>&lt;Company Logo&gt;</h1>
10 |         <ul>
11 |           <li><IndexLink to="/" activeClassName="active">Home</IndexLink></li>
12 |           <li className="dropdown"><Link to="/about" activeClassName="active">About</Link>
13 |               <div className="dropdown-content">
14 |                     <Link to="/mi1" activeClassName="active">Menu Item 1</Link>
15 |                     <Link to="/mi2" activeClassName="active">Menu Item 2</Link> 
16 |               </div>
17 |           </li>  
18 |           <li><Link to="/github" activeClassName="active">Github</Link></li>
19 |           <li><Link to="/contact" activeClassName="active">Contact</Link></li>
20 |           <li><Link to="/faq" activeClassName="active">FAQ</Link></li>
21 |         </ul>
22 |         <div className="content">
23 |             {this.props.children}
24 |         </div>
25 |       </div>
26 |     )
27 |   }
28 | });
29 | 
30 | export default App;


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # react-spa-demo
 2 | Demo SPA using React.JS and Node.JS for those getting started with react.js and react-router
 3 | 
 4 | [**Demo on Heroku**](https://react-spa-demo.herokuapp.com/)  
 5 | (Automatically deployed from this repository on travis build)
 6 | 
 7 | ### Installation
 8 | #### Running the demo locally
 9 | 1. Run `$ npm install` in the react-spa-demo/ directory
10 | 2. Start the server in react-spa-demo using `$ npm start`. Should open a port on 8080.
11 | 3. Navigate your browser to http://localhost:8080.
12 | 
13 | Tested using npm 3.10.5 and node 4.4.7 
14 | 
15 | ### Purpose
16 | Create a simple react.js single page application for beginners with drop-down menu items and improved css.
17 | 
18 | #### Layout
19 | **Home page and top menu**
20 | 
21 | ```
22 | +---------------------------------------------------------------------------+
23 | | Logo                                                 Account   Updates(5) |
24 | | +----------+ +-----------+ +-------------+  +-------------+ +-----------+ |
25 | | | Home     | | About     | | Github      |  | Contact     | | FAQ       | |
26 | | +----------+ +-----------+ +-------------+  +-------------+ +-----------+ |
27 | |              +-----------+                                                |
28 | |              | MenuItem 1|                                                |
29 | |              +-----------+                                                | 
30 | |              +-----------+                                                |
31 | |              | MenuItem 2|                                                |
32 | |              +-----------+                                                | 
33 | +---------------------------------------------------------------------------+
34 | |  Homepage                                                                 |
35 | |                                                                           |
36 | |                            List of updates                                |
37 | |                                                                           |
38 | +---------------------------------------------------------------------------+
39 | ```
40 | 
41 | ### Libraries
42 | * [ReactJS](https://facebook.github.io/react/)
43 | * [React-router](https://github.com/ReactTraining/react-router)
44 | 


--------------------------------------------------------------------------------
/css/style.css:
--------------------------------------------------------------------------------
  1 |   body {
  2 |     padding: 20px;
  3 |     margin: 0;
  4 |     font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  5 |     font-size: 14px;
  6 |     line-height: 1.42857143;
  7 |     color: #3e3f3a;
  8 |     background-color: #ffffff;
  9 |   }
 10 |   h1, h2, p, ul, li {
 11 |     font-family: Helvetica, Arial, sans-serif;
 12 |   }
 13 |   ul.header li {
 14 |     display: inline;
 15 |     list-style-type: none;
 16 |     margin: 0;
 17 |   }
 18 |   ul.header {
 19 |     background-color: #333333;
 20 |     padding: 0;
 21 |     overflow: hidden;
 22 |   }
 23 |   ul.header li a {
 24 |     color: #FFF;
 25 |     font-weight: bold;
 26 |     text-decoration: none;
 27 |     padding: 20px;
 28 |     display: inline-block;
 29 |   }
 30 |   .content {
 31 |     background-color: #AAA5A5;
 32 |     padding: 20px;
 33 |     margin: 18px 24px 0 10px;
 34 |     text-align: left;
 35 |   }
 36 |   .content h2 {
 37 |     padding: 0;
 38 |     margin: 0;
 39 |   }
 40 |   .content li {
 41 |     margin-bottom: 10px;
 42 |   }
 43 |   .active {
 44 |    background: #008CBA;
 45 |   }
 46 | 
 47 | #menuwrapper ul {
 48 |     list-style-type: none;
 49 |     margin: 0 24px 0 10px;
 50 |     margin-top: 18px;
 51 |     padding: 0;
 52 |     overflow: hidden;
 53 |     background-color: #333333;
 54 |     font-size: 0.8125rem;
 55 | }
 56 | 
 57 | #menuwrapper li {
 58 |     float: left;
 59 | }
 60 | 
 61 | #menuwrapper li a, .dropbtn {
 62 |     display: block;
 63 |     color: white;
 64 |     text-align: center;
 65 |     padding: 14px 16px;
 66 |     text-decoration: none;
 67 | }
 68 | 
 69 | #menuwrapper li.dropdown {
 70 |     display: inline-block;
 71 | }
 72 | 
 73 | #menuwrapper li:hover {
 74 |     background: #AAA5A5;
 75 | }
 76 | 
 77 | .dropdown-content {
 78 |     display: none;
 79 |     position: absolute;
 80 |     background-color: #333333;
 81 |     min-width: 160px;
 82 |     box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2);
 83 | }
 84 | 
 85 | .dropdown-content a {
 86 |     color: white;
 87 |     padding: 12px 16px;
 88 |     text-decoration: none;
 89 |     display: block;
 90 |     text-align: left;
 91 | }
 92 | 
 93 | .dropdown-content a:hover {
 94 |     background: #AAA5A5;
 95 | }
 96 | 
 97 | .dropdown:hover .dropdown-content {
 98 |     display: block;
 99 | }
100 | 
101 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
  1 |                                  Apache License
  2 |                            Version 2.0, January 2004
  3 |                         http://www.apache.org/licenses/
  4 | 
  5 |    TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
  6 | 
  7 |    1. Definitions.
  8 | 
  9 |       "License" shall mean the terms and conditions for use, reproduction,
 10 |       and distribution as defined by Sections 1 through 9 of this document.
 11 | 
 12 |       "Licensor" shall mean the copyright owner or entity authorized by
 13 |       the copyright owner that is granting the License.
 14 | 
 15 |       "Legal Entity" shall mean the union of the acting entity and all
 16 |       other entities that control, are controlled by, or are under common
 17 |       control with that entity. For the purposes of this definition,
 18 |       "control" means (i) the power, direct or indirect, to cause the
 19 |       direction or management of such entity, whether by contract or
 20 |       otherwise, or (ii) ownership of fifty percent (50%) or more of the
 21 |       outstanding shares, or (iii) beneficial ownership of such entity.
 22 | 
 23 |       "You" (or "Your") shall mean an individual or Legal Entity
 24 |       exercising permissions granted by this License.
 25 | 
 26 |       "Source" form shall mean the preferred form for making modifications,
 27 |       including but not limited to software source code, documentation
 28 |       source, and configuration files.
 29 | 
 30 |       "Object" form shall mean any form resulting from mechanical
 31 |       transformation or translation of a Source form, including but
 32 |       not limited to compiled object code, generated documentation,
 33 |       and conversions to other media types.
 34 | 
 35 |       "Work" shall mean the work of authorship, whether in Source or
 36 |       Object form, made available under the License, as indicated by a
 37 |       copyright notice that is included in or attached to the work
 38 |       (an example is provided in the Appendix below).
 39 | 
 40 |       "Derivative Works" shall mean any work, whether in Source or Object
 41 |       form, that is based on (or derived from) the Work and for which the
 42 |       editorial revisions, annotations, elaborations, or other modifications
 43 |       represent, as a whole, an original work of authorship. For the purposes
 44 |       of this License, Derivative Works shall not include works that remain
 45 |       separable from, or merely link (or bind by name) to the interfaces of,
 46 |       the Work and Derivative Works thereof.
 47 | 
 48 |       "Contribution" shall mean any work of authorship, including
 49 |       the original version of the Work and any modifications or additions
 50 |       to that Work or Derivative Works thereof, that is intentionally
 51 |       submitted to Licensor for inclusion in the Work by the copyright owner
 52 |       or by an individual or Legal Entity authorized to submit on behalf of
 53 |       the copyright owner. For the purposes of this definition, "submitted"
 54 |       means any form of electronic, verbal, or written communication sent
 55 |       to the Licensor or its representatives, including but not limited to
 56 |       communication on electronic mailing lists, source code control systems,
 57 |       and issue tracking systems that are managed by, or on behalf of, the
 58 |       Licensor for the purpose of discussing and improving the Work, but
 59 |       excluding communication that is conspicuously marked or otherwise
 60 |       designated in writing by the copyright owner as "Not a Contribution."
 61 | 
 62 |       "Contributor" shall mean Licensor and any individual or Legal Entity
 63 |       on behalf of whom a Contribution has been received by Licensor and
 64 |       subsequently incorporated within the Work.
 65 | 
 66 |    2. Grant of Copyright License. Subject to the terms and conditions of
 67 |       this License, each Contributor hereby grants to You a perpetual,
 68 |       worldwide, non-exclusive, no-charge, royalty-free, irrevocable
 69 |       copyright license to reproduce, prepare Derivative Works of,
 70 |       publicly display, publicly perform, sublicense, and distribute the
 71 |       Work and such Derivative Works in Source or Object form.
 72 | 
 73 |    3. Grant of Patent License. Subject to the terms and conditions of
 74 |       this License, each Contributor hereby grants to You a perpetual,
 75 |       worldwide, non-exclusive, no-charge, royalty-free, irrevocable
 76 |       (except as stated in this section) patent license to make, have made,
 77 |       use, offer to sell, sell, import, and otherwise transfer the Work,
 78 |       where such license applies only to those patent claims licensable
 79 |       by such Contributor that are necessarily infringed by their
 80 |       Contribution(s) alone or by combination of their Contribution(s)
 81 |       with the Work to which such Contribution(s) was submitted. If You
 82 |       institute patent litigation against any entity (including a
 83 |       cross-claim or counterclaim in a lawsuit) alleging that the Work
 84 |       or a Contribution incorporated within the Work constitutes direct
 85 |       or contributory patent infringement, then any patent licenses
 86 |       granted to You under this License for that Work shall terminate
 87 |       as of the date such litigation is filed.
 88 | 
 89 |    4. Redistribution. You may reproduce and distribute copies of the
 90 |       Work or Derivative Works thereof in any medium, with or without
 91 |       modifications, and in Source or Object form, provided that You
 92 |       meet the following conditions:
 93 | 
 94 |       (a) You must give any other recipients of the Work or
 95 |           Derivative Works a copy of this License; and
 96 | 
 97 |       (b) You must cause any modified files to carry prominent notices
 98 |           stating that You changed the files; and
 99 | 
100 |       (c) You must retain, in the Source form of any Derivative Works
101 |           that You distribute, all copyright, patent, trademark, and
102 |           attribution notices from the Source form of the Work,
103 |           excluding those notices that do not pertain to any part of
104 |           the Derivative Works; and
105 | 
106 |       (d) If the Work includes a "NOTICE" text file as part of its
107 |           distribution, then any Derivative Works that You distribute must
108 |           include a readable copy of the attribution notices contained
109 |           within such NOTICE file, excluding those notices that do not
110 |           pertain to any part of the Derivative Works, in at least one
111 |           of the following places: within a NOTICE text file distributed
112 |           as part of the Derivative Works; within the Source form or
113 |           documentation, if provided along with the Derivative Works; or,
114 |           within a display generated by the Derivative Works, if and
115 |           wherever such third-party notices normally appear. The contents
116 |           of the NOTICE file are for informational purposes only and
117 |           do not modify the License. You may add Your own attribution
118 |           notices within Derivative Works that You distribute, alongside
119 |           or as an addendum to the NOTICE text from the Work, provided
120 |           that such additional attribution notices cannot be construed
121 |           as modifying the License.
122 | 
123 |       You may add Your own copyright statement to Your modifications and
124 |       may provide additional or different license terms and conditions
125 |       for use, reproduction, or distribution of Your modifications, or
126 |       for any such Derivative Works as a whole, provided Your use,
127 |       reproduction, and distribution of the Work otherwise complies with
128 |       the conditions stated in this License.
129 | 
130 |    5. Submission of Contributions. Unless You explicitly state otherwise,
131 |       any Contribution intentionally submitted for inclusion in the Work
132 |       by You to the Licensor shall be under the terms and conditions of
133 |       this License, without any additional terms or conditions.
134 |       Notwithstanding the above, nothing herein shall supersede or modify
135 |       the terms of any separate license agreement you may have executed
136 |       with Licensor regarding such Contributions.
137 | 
138 |    6. Trademarks. This License does not grant permission to use the trade
139 |       names, trademarks, service marks, or product names of the Licensor,
140 |       except as required for reasonable and customary use in describing the
141 |       origin of the Work and reproducing the content of the NOTICE file.
142 | 
143 |    7. Disclaimer of Warranty. Unless required by applicable law or
144 |       agreed to in writing, Licensor provides the Work (and each
145 |       Contributor provides its Contributions) on an "AS IS" BASIS,
146 |       WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
147 |       implied, including, without limitation, any warranties or conditions
148 |       of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
149 |       PARTICULAR PURPOSE. You are solely responsible for determining the
150 |       appropriateness of using or redistributing the Work and assume any
151 |       risks associated with Your exercise of permissions under this License.
152 | 
153 |    8. Limitation of Liability. In no event and under no legal theory,
154 |       whether in tort (including negligence), contract, or otherwise,
155 |       unless required by applicable law (such as deliberate and grossly
156 |       negligent acts) or agreed to in writing, shall any Contributor be
157 |       liable to You for damages, including any direct, indirect, special,
158 |       incidental, or consequential damages of any character arising as a
159 |       result of this License or out of the use or inability to use the
160 |       Work (including but not limited to damages for loss of goodwill,
161 |       work stoppage, computer failure or malfunction, or any and all
162 |       other commercial damages or losses), even if such Contributor
163 |       has been advised of the possibility of such damages.
164 | 
165 |    9. Accepting Warranty or Additional Liability. While redistributing
166 |       the Work or Derivative Works thereof, You may choose to offer,
167 |       and charge a fee for, acceptance of support, warranty, indemnity,
168 |       or other liability obligations and/or rights consistent with this
169 |       License. However, in accepting such obligations, You may act only
170 |       on Your own behalf and on Your sole responsibility, not on behalf
171 |       of any other Contributor, and only if You agree to indemnify,
172 |       defend, and hold each Contributor harmless for any liability
173 |       incurred by, or claims asserted against, such Contributor by reason
174 |       of your accepting any such warranty or additional liability.
175 | 
176 |    END OF TERMS AND CONDITIONS
177 | 
178 |    APPENDIX: How to apply the Apache License to your work.
179 | 
180 |       To apply the Apache License to your work, attach the following
181 |       boilerplate notice, with the fields enclosed by brackets "[]"
182 |       replaced with your own identifying information. (Don't include
183 |       the brackets!)  The text should be enclosed in the appropriate
184 |       comment syntax for the file format. We also recommend that a
185 |       file or class name and description of purpose be included on the
186 |       same "printed page" as the copyright notice for easier
187 |       identification within third-party archives.
188 | 
189 |    Copyright 2018 Siddhant Agarwal
190 | 
191 |    Licensed under the Apache License, Version 2.0 (the "License");
192 |    you may not use this file except in compliance with the License.
193 |    You may obtain a copy of the License at
194 | 
195 |        http://www.apache.org/licenses/LICENSE-2.0
196 | 
197 |    Unless required by applicable law or agreed to in writing, software
198 |    distributed under the License is distributed on an "AS IS" BASIS,
199 |    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
200 |    See the License for the specific language governing permissions and
201 |    limitations under the License.
202 | 


--------------------------------------------------------------------------------