File Upload to AWS S3 bucket in a Node-React-Mongo full-stack app and using multer

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • aws-s3-file_upload-node-mongo-react-multer

    A simple boilerplate project to implement AWS S3 file upload functionality in a Node, React and Mongo app. Using Multer for uploading file.

  • Final Source code — https://github.com/sagar-barapatre/aws-s3-file_upload-node-mongo-react-multer

  • dotenv

    Loads environment variables from .env for nodejs projects.

  • In my app here, I have the used a .env file to keep all these secret keys and using the dotenv node package https://www.npmjs.com/package/dotenv to manage my env variables and secret credentials. Basically this module loads environment variables from a .env file that you create and adds them to the process.env object that is made available to the application. Just remember NEVER EVER commit the .env file to Github. They also strongly recommend against committing your .env file to any version control. If you do, you will receive an email from Github and also from AWS informing you about this security breach in your account.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • create-react-app

    Set up a modern web app by running one command.

  • I am first building a boilerplate with create-react-app https://github.com/facebook/create-react-app and to which I will add the backend code.

  • multer

    Node.js middleware for handling `multipart/form-data`.

  • The memoryStorage engine stores the files in memory as Buffer objects. But how to release the memory after uploading the file ? As soon as you are done with the request, the memory will be freed. Taking a look at the source code of multer to understand how multer handles the memory storage multer/storage/memory.js (github)

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts