username

password

stripe_secret

stripe_publishable

Gain insights into Meteor.js, explore JavaScript concepts, and discover how to build full-stack applications with React integration, email support, and Stripe payment processing.

meteor-docker.tar.gz

CreateMeteorApp

CreateMeteorAppSettingsFile

CreateReactiveApp

RunAppWithAuthentication

RunAppWithInstallation

Meteor.js is a Node.js framework for developing JavaScript applications. It's used to create full-stack applications that use a single language on both the server and client sides. Meteor.js is easy to use and simplifies the development of web applications.

This course will begin by discussing the fundamental concepts of Meteor.js before moving on to refresh the learner's knowledge of some key aspects of JavaScript used in React, another JavaScript framework. Then, through hands-on experience, you will learn how to build a production-grade Meteor.js application with a React frontend. Following that, you'll learn how to set up an SMTP server to send transactional emails and how to integrate Stripe into your Meteor.js application to accept payments.

By the end of this course, you will be able to create a full-stack application from scratch using Meteor.js and feel confident working with MongoDB as well. You will also be able to integrate Stripe into any Meteor.js application you create.

Building Full Stack Applications Using Meteor.js

# Meteor-Files
**Meteor-Files** is a third-party Meteor package that’s very efficient at uploading files for storage. It can store files on the server’s file system and in third-party storage like Amazon S3, Dropbox, GridFS, and so on. It’s compatible with most front-end frameworks used by Meteor. It supports resumable downloads and also provides functional hooks, which we can utilize to perform custom logic as a file is uploaded. Hooks such as `onAfterUpload` and `onBeforeUpload` can be used to perform custom logic on uploaded files.

Meteor-Files is installed on our project by running the following command on the terminal:


```js
meteor add ostrio:files
```
Meteor-Files saves the path of the uploaded file in MongoDB. We can retrieve uploaded files using the same Meteor MongoDB API as `find` to pull documents out of `collections`.

The playground below demonstrates how to upload files using Meteor-Files.


## Meteor-Files configuration
Open the `imports/api/files.js` file. On **line 2**, we import `FilesCollection` from the `meteor/ostrio:files` package. We create and export a `Files` object from the `FilesCollection`.

This `Files` object is the package configuration. Some keys like the `storagePath` indicate the location on the file system where the uploaded file is saved. In this example, we save uploaded files inside `assets/app/uploads/uploadedFiles`. The files are stored in the assets folder on the server.

There’s an `onBeforeUpload` hook that we can use to test the type of file the user is uploading to our server. The code widget below shows the `onBeforeUpload` hook. On **line 3**, we define the file type and file size that a user is allowed to upload to the server. The code below only permits a user to upload .pdf file types, image files with .png extensions, .jpg, and .jpeg files no larger than 10MB.





Learn how to upload media files in a MeteorJS application.



Upload Media Using Meteor-Files

Learn how to upload media files in a MeteorJS application.

Getting Started

Meteor Framework

Introduction to MeteorJS

Working With Data

A Pop Quiz On Data Access With Meteor

A Simple Idea Vote Application

JavaScript Refresher

Pop Quiz: JavaScript Refresher for React Development

An Overview of React

Pop Quiz: React

Coding an Online Bookshop

Deployment

Appendix

Upload Media Using Meteor-Files

Meteor-Files

Meteor-Files configuration