├── .eslintrc
├── .gitignore
├── README.md
├── client
└── app
│ ├── .babelrc
│ ├── components
│ ├── Home.js
│ ├── Login.js
│ ├── Logout.js
│ ├── Navbar.js
│ ├── Register.js
│ └── Settings.js
│ ├── config
│ └── routes.js
│ ├── containers
│ └── AppContainer.js
│ ├── index.html
│ ├── index.js
│ ├── services
│ ├── authentication.js
│ ├── event_manager.js
│ └── greeting.js
│ └── styles
│ └── bulma.min.css
├── knexfile.js
├── migrations
└── 20150927195358-create-user-and-phrases.js
├── package.json
├── server.js
├── server
├── config
│ ├── app.js
│ ├── bookshelf.js
│ ├── db_config.js
│ └── routes.js
├── controllers
│ ├── greeting_controller.js
│ ├── phrases_controller.js
│ ├── sessions_controller.js
│ └── users_controller.js
├── models
│ ├── phrase.js
│ └── user.js
└── test
│ └── requests
│ └── api_test.js
└── webpack.config.js
/.eslintrc:
--------------------------------------------------------------------------------
1 | {
2 | "parser" : "babel-eslint",
3 | "extends" : [
4 | "standard",
5 | "standard-react",
6 | "airbnb"
7 | ],
8 | "plugins" : [
9 | "flow-vars"
10 | ],
11 | "env" : {
12 | "browser" : true
13 | },
14 | "globals" : {
15 | "Action" : false,
16 | "__DEV__" : false,
17 | "__PROD__" : false,
18 | "__DEBUG__" : false,
19 | "__DEBUG_NEW_WINDOW__" : false,
20 | "__BASENAME__" : false
21 | },
22 | "rules": {
23 | "semi" : [2, "never"],
24 | "max-len": [2, 120, 2],
25 | "flow-vars/define-flow-type": 1,
26 | "flow-vars/use-flow-type": 1
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | node_modules/*
3 | *.log
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # lehrer-node
2 |
3 | ##Please look at [https://github.com/rocky-jaiswal/hapi-knex-starter](https://github.com/rocky-jaiswal/hapi-knex-starter) for a better backend setup. For frontend I recommend [http://www.reactboilerplate.com/](http://www.reactboilerplate.com/)
4 |
5 | Hapi.js + ReactJS project
6 |
7 | To get started in development mode -
8 |
9 | npm install
10 | npm run serve
11 | npm run webpack
12 |
--------------------------------------------------------------------------------
/client/app/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": [
3 | "react",
4 | "babel-preset-es2015",
5 | "babel-preset-stage-3"
6 | ]
7 | }
8 |
--------------------------------------------------------------------------------
/client/app/components/Home.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import greeting from '../services/greeting'
3 |
4 | const Home = React.createClass({
5 | getInitialState() {
6 | return {
7 | message: ''
8 | }
9 | },
10 |
11 | componentDidMount() {
12 | const promise = greeting.fetch()
13 | promise.then(response => { this.setState({ message: response.data.greeting }) })
14 | .catch(error => { this.setState({ message: 'An error occured!' }) })
15 | },
16 |
17 | render() {
18 | return (
19 |
20 |
21 |
{this.state.message}
22 |
23 |
24 | )
25 | },
26 | })
27 |
28 | export default Home
29 |
--------------------------------------------------------------------------------
/client/app/components/Login.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import authentication from '../services/authentication'
3 |
4 | const styles = {
5 | error: {
6 | color: '#FF0000',
7 | marginTop: '15px',
8 | },
9 | }
10 |
11 | const Login = React.createClass({
12 | contextTypes: {
13 | router: React.PropTypes.object.isRequired,
14 | },
15 |
16 | getInitialState() {
17 | return { error: false }
18 | },
19 |
20 | onSubmitLogin(event) {
21 | event.preventDefault()
22 |
23 | const email = this.refs.email.value
24 | const pass = this.refs.password.value
25 |
26 | authentication.login(email, pass, (loggedIn) => {
27 | if (loggedIn) {
28 | this.context.router.push({ pathname: '/' })
29 | } else {
30 | return this.setState({ error: true })
31 | }
32 | })
33 | },
34 |
35 | render() {
36 | return (
37 |
38 | Login
39 |
52 | {this.state.error && (
53 | Bad login information
54 | )}
55 |
56 | )
57 | },
58 | })
59 |
60 | export default Login
61 |
--------------------------------------------------------------------------------
/client/app/components/Logout.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Link } from 'react-router'
3 | import authentication from '../services/authentication'
4 |
5 | const Logout = React.createClass({
6 | contextTypes: {
7 | router: React.PropTypes.object.isRequired,
8 | },
9 |
10 | componentDidMount() {
11 | authentication.logout()
12 | this.context.router.replace('/')
13 | },
14 |
15 | render() {
16 | return (
17 |
18 | You are now logged out. Click here to log back in.
19 |
20 | )
21 | },
22 | })
23 |
24 | export default Logout
25 |
--------------------------------------------------------------------------------
/client/app/components/Navbar.js:
--------------------------------------------------------------------------------
1 | import React, { PropTypes } from 'react'
2 | import { Link } from 'react-router'
3 |
4 | var styles = {
5 | head: {
6 | backgroundColor: "#ecf0f1",
7 | height: "75px",
8 | padding: "10px"
9 | },
10 | heading: {
11 | color: "#34495e"
12 |
13 | }
14 | };
15 |
16 | const Navbar = React.createClass({
17 |
18 | notLoggedIn () {
19 | return(
20 |
21 |
22 | Login
23 |
24 |
25 | Register
26 |
27 |
28 | );
29 | },
30 |
31 | loggedIn () {
32 | return(
33 |
34 |
35 | Home
36 |
37 |
38 | Settings
39 |
40 |
41 | Logout
42 |
43 |
44 | );
45 | },
46 |
47 | render () {
48 | return (
49 |
55 | );
56 | }
57 |
58 | })
59 |
60 | export default Navbar
61 |
--------------------------------------------------------------------------------
/client/app/components/Register.js:
--------------------------------------------------------------------------------
1 | import React, { PropTypes } from 'react'
2 | import authentication from '../services/authentication'
3 |
4 | var styles = {
5 | error: {
6 | color: '#FF0000',
7 | marginTop: '15px'
8 | }
9 | }
10 |
11 | const Register = React.createClass({
12 | contextTypes: {
13 | router: React.PropTypes.object.isRequired
14 | },
15 |
16 | getInitialState () {
17 | return {
18 | error: false,
19 | errorMsg: '',
20 | }
21 | },
22 |
23 | onSubmitRegister (event) {
24 | event.preventDefault();
25 |
26 | const email = this.refs.email.value;
27 | const pass = this.refs.password.value;
28 | const confirmPassword = this.refs.confirmPassword.value;
29 |
30 | if(pass.length < 5 || pass !== confirmPassword) {
31 | this.setState({
32 | error: true,
33 | errorMsg: 'Password is too short or does not match'
34 | })
35 | } else {
36 | authentication.register(email, pass, confirmPassword, (loggedIn) => {
37 | if (loggedIn)
38 | this.context.router.push({pathname: '/'});
39 | else
40 | return this.setState({ error: true });
41 | });
42 | }
43 | },
44 |
45 | render () {
46 | return (
47 |
48 | Register
49 |
65 | {this.state.error && (
66 | {this.state.errorMsg}
67 | )}
68 |
69 | )
70 | }
71 | });
72 |
73 | export default Register
74 |
--------------------------------------------------------------------------------
/client/app/components/Settings.js:
--------------------------------------------------------------------------------
1 | import React, { PropTypes } from 'react'
2 |
3 | const styles = {
4 | }
5 |
6 | const Settings = React.createClass({
7 | render () {
8 | return (
9 |
10 |
11 |
Settings
12 |
13 |
14 | )
15 | }
16 | });
17 |
18 | export default Settings
19 |
--------------------------------------------------------------------------------
/client/app/config/routes.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Router, Route, hashHistory, IndexRoute } from 'react-router'
3 |
4 | import AppContainer from '../containers/AppContainer'
5 | import Login from '../components/Login'
6 | import Register from '../components/Register'
7 | import Logout from '../components/Logout'
8 | import Home from '../components/Home'
9 | import Settings from '../components/Settings'
10 |
11 | import authentication from '../services/authentication'
12 | import eventManager from '../services/event_manager'
13 |
14 | function checkAuth(nextState, replace, cb) {
15 | const promise = authentication.isAuthenticated();
16 | promise.then(function(resp) {
17 | eventManager.getEmitter().emit(eventManager.authChannel, true);
18 | cb();
19 | }).catch(function(err) {
20 | eventManager.getEmitter().emit(eventManager.authChannel, false);
21 | replace({
22 | pathname: '/login',
23 | state: { nextPathname: nextState.location.pathname }
24 | });
25 | cb();
26 | });
27 | }
28 |
29 | const routes = (
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 | );
40 |
41 | export default routes
42 |
--------------------------------------------------------------------------------
/client/app/containers/AppContainer.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import Navbar from '../components/Navbar'
3 | import authentication from '../services/authentication'
4 | import eventManager from '../services/event_manager'
5 |
6 | const styles = {
7 | }
8 |
9 | const AppContainer = React.createClass({
10 | contextTypes: {
11 | router: React.PropTypes.object.isRequired
12 | },
13 |
14 | getInitialState () {
15 | return {
16 | loggedIn: false
17 | }
18 | },
19 |
20 | updateAuth (loggedIn) {
21 | this.setState({
22 | loggedIn: loggedIn
23 | })
24 | },
25 |
26 | componentDidMount () {
27 | this.subscription = eventManager.getEmitter().addListener(eventManager.authChannel, this.updateAuth);
28 | const promise = authentication.isAuthenticated();
29 | promise.then(resp => {this.setState({loggedIn: true})})
30 | .catch(err => {this.setState({loggedIn: false})});
31 | },
32 |
33 | componentWillUnmount () {
34 | this.subscription.remove();
35 | },
36 |
37 | render () {
38 | return (
39 |
40 |
41 |
42 | {React.cloneElement(this.props.children, { loggedIn: this.state.loggedIn })}
43 |
44 |