Skip to content

Latest commit

Β 

History

History
109 lines (79 loc) Β· 2.81 KB

File metadata and controls

109 lines (79 loc) Β· 2.81 KB

πŸš€ ProtonPDF – File Conversion Toolkit

React Node.js Express TailwindCSS API

A full-stack web application that allows users to convert files between different formats (PDF, Word, Images, etc.) quickly and efficiently. Designed to demonstrate real-world file handling, API integration, and responsive UI development.

πŸ”— Live Demo

πŸ‘‰ https://protonpdf.onrender.com/

πŸ’‘ Tip: Try converting PDF to Word or compressing large files for better performance.


πŸ“Œ Overview

ProtonPDF is a file conversion toolkit that enables users to upload and convert files into multiple formats with ease. The application integrates with third-party APIs (like convertAPI) and backend processing to handle file transformations securely and efficiently.

This project focuses on solving a real-world problem by providing a simple and fast way to manage file conversions online.


✨ Key Features

  • πŸ“„ Convert PDF to Word (DOCX)
  • πŸ–Ό Convert Images to PDF
  • πŸ“‰ Compress PDF files
  • πŸ”„ Multiple file format support
  • ⚑ Fast and efficient file processing
  • πŸ” Secure file handling
  • 🎨 Clean and responsive UI (Tailwind CSS)
  • 🌐 Deployed and accessible online

πŸ— System Architecture

πŸ”Ή Frontend (Client)

  • React.js (Vite)
  • Tailwind CSS
  • Axios
  • Component-based architecture
  • Responsive design

πŸ”Ή Backend (Server)

  • Node.js
  • Express.js
  • Multer (file upload handling)
  • API integration & file processing
  • Environment configuration

πŸ”Ή External Services

  • ILovePDF API

πŸ“Š Workflow

  1. User uploads a file
  2. Frontend sends file to backend
  3. Backend processes file or sends request to API
  4. File is converted/compressed
  5. Converted file is returned to user for download

πŸ“‚ Project Structure

protonpdf/ β”œβ”€β”€ client/ β”‚ β”œβ”€β”€ components/ β”‚ β”œβ”€β”€ pages/ β”‚ β”œβ”€β”€ utils/ β”‚ └── App.jsx β”œβ”€β”€ server/ β”‚ β”œβ”€β”€ routes/ β”‚ β”œβ”€β”€ controllers/ β”‚ β”œβ”€β”€ middleware/ β”‚ └── config/ └── README.md


πŸ“ˆ Impact

  • Built a real-world file conversion platform solving everyday user problems
  • Gained hands-on experience with file handling and third-party API integration
  • Improved backend logic for handling large file uploads and processing

πŸ›  Installation & Setup

git clone https://github.com/your-username/protonpdf.git
cd protonpdf

# Frontend
cd client
npm install
npm run dev

# Backend
cd ../server
npm install
npm start