Book Image

Build Applications with Meteor

Book Image

Build Applications with Meteor

Overview of this book

This book starts with the basic installation and overview of the main components in Meteor. You’ll get hands-on multiple versatile applications covering a wide range of topics from adding a front-end views with the hottest rendering technology React to implementing a microservices oriented architecture.All the code is written with ES6/7 which is the latest significantly improved JavaScript language. We’ll also look at real-time data streaming, server to server data exchange, responsive styles on the front-end, full-text search functionality, and integration of many third-party libraries and APIs using npm. By the end of the book, you’ll have the skills to quickly prototype and even launch your next app idea in a matter of days.
Table of Contents (16 chapters)
Title Page
Credits
About the Author
About the Reviewer
www.PacktPub.com
Customer Feedback
Preface
8
Build a Chatbot with Facebook’s Messenger Platform

Building the App


Similar to what we have in the previous example, the Kanban app will have a Board and three List containers (To do, In Progress, and Done). For the tasks, we will have a form with a few fields where the user could enter the title and description of the new task.

Let's start by creating a new Meteor app:

>> meteor create kanban

This time, instead of manually installing all the packages, copy and replace the package.json file with the default one that was generated in your app:

{
 "name": "kanban",
 "private": true,
 "scripts": {
 "start": "meteor run"
},
 "dependencies": {
 "babel-runtime": "6.18.0",
 "bootstrap": "^4.0.0-alpha.5",
 "classnames": "^2.2.5",
 "font-awesome": "^4.7.0",
 "marked": "^0.3.6",
 "meteor-node-stubs": "~0.2.0",
 "react": "^15.4.1",
 "react-dnd": "^2.1.4",
 "react-dnd-html5-backend": "^2.1.2",
 "react-dom": "^15.4.2",
 "react-redux": "^5.0.1",
 "react-router": "^3.0.0",
 "react-router-redux": "^4.0.7",
 "redux": "^3.6.0",
 "redux-logger": "^2.7.4...