├── .gitignore
├── AdvancedNodeStarter
├── .gitignore
├── .travis.yml
├── README.md
├── client
│ ├── .gitignore
│ ├── README.md
│ ├── package-lock.json
│ ├── package.json
│ ├── public
│ │ ├── favicon.ico
│ │ ├── index.html
│ │ └── manifest.json
│ └── src
│ │ ├── actions
│ │ ├── index.js
│ │ └── types.js
│ │ ├── components
│ │ ├── App.js
│ │ ├── Dashboard.js
│ │ ├── Header.js
│ │ ├── Landing.js
│ │ └── blogs
│ │ │ ├── BlogField.js
│ │ │ ├── BlogForm.js
│ │ │ ├── BlogFormReview.js
│ │ │ ├── BlogList.js
│ │ │ ├── BlogNew.js
│ │ │ ├── BlogShow.js
│ │ │ └── formFields.js
│ │ ├── index.js
│ │ └── reducers
│ │ ├── authReducer.js
│ │ ├── blogsReducer.js
│ │ └── index.js
├── config
│ ├── ci.js
│ ├── dev.js
│ ├── keys.js
│ └── prod.js
├── index.js
├── middlewares
│ ├── cleanCache.js
│ └── requireLogin.js
├── models
│ ├── Blog.js
│ └── User.js
├── package-lock.json
├── package.json
├── routes
│ ├── authRoutes.js
│ ├── blogRoutes.js
│ └── uploadRoutes.js
├── services
│ ├── cache.js
│ └── passport.js
└── tests
│ ├── blogs.test.js
│ ├── factories
│ ├── sessionFactory.js
│ └── userFactory.js
│ ├── header.test.js
│ ├── helpers
│ └── page.js
│ └── setup.js
├── README.md
├── code
├── async.js
├── index.js
├── loop.js
├── multitask.js
├── package.json
└── threads.js
└── diagrams
├── 10
├── .gitkeep
└── diagrams.xml
├── 01
├── .gitkeep
└── diagrams.xml
├── 02
├── .gitkeep
└── diagrams.xml
├── 03
└── .gitkeep
├── 04
├── .gitkeep
└── diagrams.xml
├── 05
├── .gitkeep
└── diagrams.xml
├── 06
├── .gitkeep
└── diagrams.xml
├── 07
├── .gitkeep
└── diagrams.xml
├── 08
├── .gitkeep
└── diagrams.xml
└── 09
├── .gitkeep
└── diagrams.xml
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | .DS_Store
3 | nohup.out
4 | .DS_Store
5 | dev.js
6 |
--------------------------------------------------------------------------------
/AdvancedNodeStarter/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | .DS_Store
3 |
--------------------------------------------------------------------------------
/AdvancedNodeStarter/.travis.yml:
--------------------------------------------------------------------------------
1 | language: node_js
2 | node_js:
3 | - "8"
4 | dist: trusty
5 | services:
6 | - mongodb
7 | - redis-server
8 | env:
9 | - NODE_ENV=ci PORT=3000
10 | cache:
11 | directories:
12 | - node_modules
13 | - client/node_modules
14 | install:
15 | - npm install
16 | - npm run build
17 | script:
18 | - nohup npm run start &
19 | - sleep 3
20 | - npm run test
21 |
--------------------------------------------------------------------------------
/AdvancedNodeStarter/README.md:
--------------------------------------------------------------------------------
1 | # AdvancedNodeStarter
2 | Starting project for a course on Advanced Node @ Udemy
3 |
--------------------------------------------------------------------------------
/AdvancedNodeStarter/client/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/ignore-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 |
6 | # testing
7 | /coverage
8 |
9 | # production
10 | /build
11 |
12 | # misc
13 | .DS_Store
14 | .env.local
15 | .env.development.local
16 | .env.test.local
17 | .env.production.local
18 |
19 | npm-debug.log*
20 | yarn-debug.log*
21 | yarn-error.log*
22 |
--------------------------------------------------------------------------------
/AdvancedNodeStarter/client/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "client",
3 | "version": "0.1.0",
4 | "private": true,
5 | "proxy": {
6 | "/auth/*": {
7 | "target": "http://localhost:5000"
8 | },
9 | "/api/*": {
10 | "target": "http://localhost:5000"
11 | }
12 | },
13 | "dependencies": {
14 | "axios": "^0.16.2",
15 | "materialize-css": "^0.100.2",
16 | "react": "^16.0.0-alpha.13",
17 | "react-dom": "^16.0.0-alpha.13",
18 | "react-redux": "^5.0.5",
19 | "react-router-dom": "^4.1.1",
20 | "react-scripts": "1.0.10",
21 | "redux": "^3.7.1",
22 | "redux-form": "^7.0.1",
23 | "redux-thunk": "^2.2.0"
24 | },
25 | "scripts": {
26 | "start": "react-scripts start",
27 | "build": "react-scripts build",
28 | "test": "react-scripts test --env=jsdom",
29 | "eject": "react-scripts eject"
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/AdvancedNodeStarter/client/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StephenGrider/AdvancedNodeComplete/916f1ce3faf5ccff9503beb61ecc849e0784a29e/AdvancedNodeStarter/client/public/favicon.ico
--------------------------------------------------------------------------------
/AdvancedNodeStarter/client/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 | Blog App
11 |
12 |
13 |
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/AdvancedNodeStarter/client/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "192x192",
8 | "type": "image/png"
9 | }
10 | ],
11 | "start_url": "./index.html",
12 | "display": "standalone",
13 | "theme_color": "#000000",
14 | "background_color": "#ffffff"
15 | }
16 |
--------------------------------------------------------------------------------
/AdvancedNodeStarter/client/src/actions/index.js:
--------------------------------------------------------------------------------
1 | import axios from 'axios';
2 | import { FETCH_USER, FETCH_BLOGS, FETCH_BLOG } from './types';
3 |
4 | export const fetchUser = () => async dispatch => {
5 | const res = await axios.get('/api/current_user');
6 |
7 | dispatch({ type: FETCH_USER, payload: res.data });
8 | };
9 |
10 | export const handleToken = token => async dispatch => {
11 | const res = await axios.post('/api/stripe', token);
12 |
13 | dispatch({ type: FETCH_USER, payload: res.data });
14 | };
15 |
16 | export const submitBlog = (values, file, history) => async dispatch => {
17 | const uploadConfig = await axios.get('/api/upload');
18 |
19 | const upload = await axios.put(uploadConfig.data.url, file, {
20 | headers: {
21 | 'Content-Type': file.type
22 | }
23 | });
24 |
25 | const res = await axios.post('/api/blogs', {
26 | ...values,
27 | imageUrl: uploadConfig.data.key
28 | });
29 |
30 | history.push('/blogs');
31 | dispatch({ type: FETCH_BLOG, payload: res.data });
32 | };
33 |
34 | export const fetchBlogs = () => async dispatch => {
35 | const res = await axios.get('/api/blogs');
36 |
37 | dispatch({ type: FETCH_BLOGS, payload: res.data });
38 | };
39 |
40 | export const fetchBlog = id => async dispatch => {
41 | const res = await axios.get(`/api/blogs/${id}`);
42 |
43 | dispatch({ type: FETCH_BLOG, payload: res.data });
44 | };
45 |
--------------------------------------------------------------------------------
/AdvancedNodeStarter/client/src/actions/types.js:
--------------------------------------------------------------------------------
1 | export const FETCH_USER = 'fetch_user';
2 | export const FETCH_BLOGS = 'fetch_blogs';
3 | export const FETCH_BLOG = 'fetch_blog';
4 |
--------------------------------------------------------------------------------
/AdvancedNodeStarter/client/src/components/App.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import { BrowserRouter, Route, Switch } from 'react-router-dom';
3 | import { connect } from 'react-redux';
4 | import * as actions from '../actions';
5 |
6 | import Header from './Header';
7 | import Landing from './Landing';
8 | import Dashboard from './Dashboard';
9 | import BlogNew from './blogs/BlogNew';
10 | import BlogShow from './blogs/BlogShow';
11 |
12 | class App extends Component {
13 | componentDidMount() {
14 | this.props.fetchUser();
15 | }
16 |
17 | render() {
18 | return (
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
8 |
9 |
10 |
11 | add
12 |
13 |
14 |
6 |
7 | Blogster!
8 |
9 | Write private blogs
10 |
11 | );
12 | };
13 |
14 | export default Landing;
15 |
--------------------------------------------------------------------------------
/AdvancedNodeStarter/client/src/components/blogs/BlogField.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default ({ input, label, meta: { error, touched } }) => {
4 | return (
5 |
6 |
7 |
8 |
9 | {touched && error}
10 |
11 |
27 |
37 |
38 | );
39 | }
40 | }
41 |
42 | function validate(values) {
43 | const errors = {};
44 |
45 | _.each(formFields, ({ name }) => {
46 | if (!values[name]) {
47 | errors[name] = 'You must provide a value';
48 | }
49 | });
50 |
51 | return errors;
52 | }
53 |
54 | export default reduxForm({
55 | validate,
56 | form: 'blogForm',
57 | destroyOnUnmount: false
58 | })(BlogForm);
59 |
--------------------------------------------------------------------------------
/AdvancedNodeStarter/client/src/components/blogs/BlogFormReview.js:
--------------------------------------------------------------------------------
1 | // BlogFormReview shows users their form inputs for review
2 | import _ from 'lodash';
3 | import React, { Component } from 'react';
4 | import { connect } from 'react-redux';
5 | import formFields from './formFields';
6 | import { withRouter } from 'react-router-dom';
7 | import * as actions from '../../actions';
8 |
9 | class BlogFormReview extends Component {
10 | state = { file: null };
11 |
12 | renderFields() {
13 | const { formValues } = this.props;
14 |
15 | return _.map(formFields, ({ name, label }) => {
16 | return (
17 |
18 |
19 |
{formValues[name]}
20 |
30 |
36 |
40 |
41 | );
42 | }
43 |
44 | onSubmit(event) {
45 | event.preventDefault();
46 |
47 | const { submitBlog, history, formValues } = this.props;
48 |
49 | submitBlog(formValues, this.state.file, history);
50 | }
51 |
52 | onFileChange(event) {
53 | this.setState({ file: event.target.files[0] });
54 | }
55 |
56 | render() {
57 | return (
58 |
71 | );
72 | }
73 | }
74 |
75 | function mapStateToProps(state) {
76 | return { formValues: state.form.blogForm.values };
77 | }
78 |
79 | export default connect(mapStateToProps, actions)(withRouter(BlogFormReview));
80 |
--------------------------------------------------------------------------------
/AdvancedNodeStarter/client/src/components/blogs/BlogList.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import map from 'lodash/map';
3 | import { connect } from 'react-redux';
4 | import { Link } from 'react-router-dom';
5 | import { fetchBlogs } from '../../actions';
6 |
7 | class BlogList extends Component {
8 | componentDidMount() {
9 | this.props.fetchBlogs();
10 | }
11 |
12 | renderBlogs() {
13 | return map(this.props.blogs, blog => {
14 | return (
15 |
16 |
17 |
18 |
{blog.title}
19 |
{blog.content}
20 |
21 |
22 | Read
23 |
24 |
25 |
{this.renderBlogs()}
;
32 | }
33 | }
34 |
35 | function mapStateToProps({ blogs }) {
36 | return { blogs };
37 | }
38 |
39 | export default connect(mapStateToProps, { fetchBlogs })(BlogList);
40 |
--------------------------------------------------------------------------------
/AdvancedNodeStarter/client/src/components/blogs/BlogNew.js:
--------------------------------------------------------------------------------
1 | // BlogNew shows BlogForm and BlogFormReview
2 | import React, { Component } from 'react';
3 | import { reduxForm } from 'redux-form';
4 | import BlogForm from './BlogForm';
5 | import BlogFormReview from './BlogFormReview';
6 |
7 | class BlogNew extends Component {
8 | state = { showFormReview: false };
9 |
10 | renderContent() {
11 | if (this.state.showFormReview) {
12 | return (
13 | this.setState({ showFormReview: false })}
15 | />
16 | );
17 | }
18 |
19 | return (
20 | this.setState({ showFormReview: true })}
22 | />
23 | );
24 | }
25 |
26 | render() {
27 | return (
28 |
29 | {this.renderContent()}
30 |
31 | );
32 | }
33 | }
34 |
35 | export default reduxForm({
36 | form: 'blogForm'
37 | })(BlogNew);
38 |
--------------------------------------------------------------------------------
/AdvancedNodeStarter/client/src/components/blogs/BlogShow.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import { connect } from 'react-redux';
3 | import { fetchBlog } from '../../actions';
4 |
5 | class BlogShow extends Component {
6 | componentDidMount() {
7 | this.props.fetchBlog(this.props.match.params._id);
8 | }
9 |
10 | renderImage() {
11 | if (this.props.blog.imageUrl) {
12 | return (
13 | 
19 | );
20 | }
21 | }
22 |
23 | render() {
24 | if (!this.props.blog) {
25 | return '';
26 | }
27 |
28 | const { title, content } = this.props.blog;
29 |
30 | return (
31 |
32 |
{title}
33 |
{content}
34 | {this.renderImage()}
35 |