DEMO: http://renanlopes.com/projects/react-todo-app/#/todos
This is a simple "Todo List" project using Back End with NodeJS Express MongoDB and Front End with WebPack, babel and React to share with the developers community the usage of these technologies.
./backend
| npm cli |
|---|
| npm i --save-dev nodemon |
| npm i --save body-parser |
| npm i --save express |
| npm i --save mongoose |
| npm i --save node-restful |
| npm i --save cors |
./frontend
| npm cli |
|---|
| npm i --save-dev webpack@1.14.0 |
| npm i --save-dev webpack-dev-server@1.16.2 |
| npm i --save-dev extract-text-webpack-plugin@1.0.1 |
| npm i --save-dev babel-core |
| npm i --save-dev babel-loader |
| npm i --save-dev babel-plugin-react-html-attrs |
| npm i --save-dev babel-plugin-transform-object-rest-spread |
| npm i --save-dev babel-preset-es2015 |
| npm i --save-dev babel-preset-react |
| npm i --save-dev css-loader@0.26.1 |
| npm i --save-dev style-loader@0.13.1 |
| npm i --save-dev file-loader@0.9.0 |
| npm i --save-dev bootstrap@3.3.7 |
| npm i --save-dev font-awesome@4.7.0 |
| npm i --save-dev react |
| npm i --save-dev react-dom |
| npm i --save-dev react-router |
| npm i --save-dev axios |
| Links Back End |
|---|
| https://nodejs.org/en/ |
| https://expressjs.com/ |
| http://mongoosejs.com/ |
| https://www.mongodb.com/ |
| Links Front End |
|---|
| https://webpack.js.org/ |
| https://facebook.github.io/react/ |
| https://babeljs.io/ |
| https://www.npmjs.com/package/axios |
| http://getbootstrap.com/ |
| http://fontawesome.io/ |
By: Renan Lopes