Shoebtamboli / mern-stack-pdf-upload

This is example of uploading a pdf using MERN stack.

Home Page:https://pdf-upload-frontend.onrender.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

MERN Stack PDF Upload Application

This application allows users to upload PDF files through a React frontend and manages the files with a Node.js/Express backend. MongoDB is used to store the file metadata, and the files themselves are stored on the server's filesystem.

Prerequisites

Installation

Backend Setup

  1. Create a .env file in the backend directory to store environment variables:

    PORT=5000
    MONGO_URI=mongodb://localhost/pdf-upload

    Replace the MONGO_URI value with your MongoDB connection string if it's different.

Running the Application

  1. Clone the repository

    git clone https://github.com/Shoebtamboli/mern-stack-pdf-upload.git
  2. Run the command

    docker-compose up

Features

  • File Upload: Users can upload PDF files through the frontend.
  • File List: Users can view a list of all uploaded PDF files.
  • File Preview: Users can preview any PDF file by clicking the "Preview" button next to the file's listing.

Technologies Used

  • Frontend: React.js
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • File Storage: Server's filesystem

About

This is example of uploading a pdf using MERN stack.

https://pdf-upload-frontend.onrender.com/


Languages

Language:JavaScript 71.4%Language:CSS 15.3%Language:HTML 12.0%Language:Dockerfile 1.4%