├── client
├── client.js
└── index.html
├── components
└── App.js
├── webpack.config.js
├── .gitignore
├── .eslintrc
├── README.md
├── server
└── server.js
└── package.json
/client/client.js:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/components/App.js:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | npm-debug.log
3 | .DS_Store
4 | dist/
5 |
--------------------------------------------------------------------------------
/.eslintrc:
--------------------------------------------------------------------------------
1 | {
2 | "parser": "babel-eslint",
3 | "env": {
4 | "browser": true,
5 | "node": true
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # react-todo-list
2 |
3 | This is a simple todo list app built with React, Redux and Webpack. I built this app during my [tutorial series on YouTube](https://www.youtube.com/playlist?list=PLQDnxXqV213JJFtDaG0aE9vqvp6Wm7nBg).
4 |
--------------------------------------------------------------------------------
/client/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | React Todo List
6 |
7 |
8 | This is not a React app yet!
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/server/server.js:
--------------------------------------------------------------------------------
1 | var express = require('express');
2 | var path = require('path');
3 |
4 | var app = express();
5 |
6 | app.use(express.static('./dist'));
7 |
8 | app.use('/', function (req, res) {
9 | res.sendFile(path.resolve('client/index.html'));
10 | });
11 |
12 | var port = 3000;
13 |
14 | app.listen(port, function(error) {
15 | if (error) throw error;
16 | console.log("Express server listening on port", port);
17 | });
18 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "react-todo-list",
3 | "version": "1.0.0",
4 | "description": "A simple todo list app built with React, Redux and Webpack",
5 | "scripts": {
6 | "test": "echo \"Error: no test specified\" && exit 1",
7 | "serve": "nodemon server/server.js"
8 | },
9 | "repository": {
10 | "type": "git",
11 | "url": "https://github.com/kweiberth/react-todo-list.git"
12 | },
13 | "author": "Kurt Weiberth",
14 | "license": "ISC",
15 | "dependencies": {
16 | "babel-core": "^6.4.5",
17 | "babel-loader": "^6.2.2",
18 | "babel-preset-es2015": "^6.3.13",
19 | "babel-preset-react": "^6.3.13",
20 | "express": "^4.13.4",
21 | "react": "^0.14.7",
22 | "react-dom": "^0.14.7",
23 | "webpack": "^1.12.13"
24 | }
25 | }
26 |
--------------------------------------------------------------------------------