francisngo

const ul = document.getElementById('users');
const url = 'https://jsonplaceholder.typicode.com';

// Create the type of element you pass in the parameters
function createNode(element) {
  return document.createElement(element);
}

// Append the second parameter(element) to the first one
function append(parent, el) {

francisngo

/*
Sample Data
-----------
                      movie
------------------------------------------------
id    title   yr    director    budget    gross

  actor
-----------
id    name

francisngo

import React, { Component } from 'react';

class App extends Component {
  constructor(props) {
    super(props);

    this.state = {
      todos: [],
      todo: '',
    }

francisngo

const mongoose = require('mongoose');
const Schema = mongoose.Schema;

module.exports = mongoose.model('User', new Schema({
  name: String,
  password: String,
  admin: Boolean
}));

francisngo

module.exports = {
  'secret': 'thisissupposedtobetopsecret',
  'database': 'mongodb://localhost:27017/test'
};

francisngo

const express = require('express');
const app = express();
const bodyParser = require('body-parser');
const morgan = require('morgan');
const mongoose = require('mongoose');
const jwt = require('jsonwebtoken');

const config = require('./config');
const User = require('./app/models/user');

francisngo

const MongoClient = require('mongodb').MongoClient;
const url = 'mongodb://localhost:27017/test';

mongoClient.connect(url, function(err, db) {
  if (err) {
    throw err;
    console.log('ERROR - Unable to connect to database.')
  }
  console.log('INFO - Database connected.');

francisngo

import React, { Component } from 'react';
import { connect } from 'react-redux';
import { actionCreators } from './actions';
import Input from './Input';
import List from './List';

class App extends Component {
  constructor(props) {
    super(props);
    this.state = {};

francisngo

import { types } from './actions';

const initialState = {
  todos: ['Plan web app', 'Analyze use of app', 'Design and develop app', 'Test app', 'Implement and maintain app']
};

export const reducer = (state = initialState, action) => {
  const { todos } = state;
  const { type, payload } = action;

francisngo

export const types = {
  ADDTODO: 'ADD_TODO',
  REMOVETODO: 'REMOVE_TODO'
};

export const actionCreators = {
  addTodo: item => {
    return {
      type: types.ADDTODO,
      payload: item