https://github.com/giomjds/printify
Upload your PDF or DOCX, select print settings, pay securely, and track your order in real time—professional prints made effortless.
https://github.com/giomjds/printify
cloudinary nextjs postgresql uploadthing websockets
Last synced: 2 months ago
JSON representation
Upload your PDF or DOCX, select print settings, pay securely, and track your order in real time—professional prints made effortless.
- Host: GitHub
- URL: https://github.com/giomjds/printify
- Owner: GioMjds
- License: other
- Created: 2025-06-05T01:33:55.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-28T02:30:44.000Z (about 1 year ago)
- Last Synced: 2025-06-28T03:26:41.132Z (about 1 year ago)
- Topics: cloudinary, nextjs, postgresql, uploadthing, websockets
- Language: TypeScript
- Homepage:
- Size: 1.05 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Security: SECURITY.md
Awesome Lists containing this project
README
# Printify
# 
> **Seamless document-to-print platform**
>
> Upload your `.pdf` or `.docx`, pay securely, and track your order in real time.
---
## 📦 Table of Contents
* [🚀 About](#-about)
* [✨ Features](#-features)
* [🛠️ Tech Stack](#tech-stack)
* [⚙️ Installation & Setup](#️-installation--setup)
* [▶️ Usage](#-usage)
* [📁 Repository Structure](#-repository-structure)
* [🤝 Contributing](#-contributing)
---
## 🚀 About
Printify is a professional web portal that transforms your PDF and DOCX documents into high-quality prints—fast, reliable, and user-friendly. Designed for local print shops, it offers a streamlined, end-to-end experience:
* **Upload** documents in seconds
* **Pay** physically
* **Track** order status in real time
---
## ✨ Features
* 🔒 **Secure Uploads & Payments**: SSL encryption and Stripe integration for peace of mind
* 🕒 **Real-Time Tracking**: WebSockets notifications for status changes
* 📄 **Document Preview**: In-browser preview before you submit
* 📧 **Order Confirmation & Receipts**: Email receipts with unique Order ID
---
## 🛠️ Tech Stack
| Layer | Technology |
| ------------- | ---------------------------------------- |
| Front End | Next.js 15 (App Router), Tailwind CSS v4 |
| Back End | Next.js API Routes, TypeScript |
| Database | PostgreSQL, Prisma ORM |
| File Storage | Cloudinary |
| Real-Time | WebSockets |
| Email Service | Nodemailer |
---
## ⚙️ Installation & Setup
1. **Clone the repo**
```bash
git clone https://github.com/GioMjds/Printify.git
cd printify
```
2. **Install dependencies**
```bash
npm install
```
3. **Environment Variables** Create a `.env.local` file in the root and add:
```bash
# PostgreSQL for the database
DATABASE_URL="postgresql://:@:5432/printify?schema=public"
# Setup your own Cloudinary and fill the credentials needed
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=
NEXT_PUBLIC_CLOUDINARY_API_KEY=
NEXT_PUBLIC_CLOUDINARY_API_SECRET=
CLOUDINARY_URL=
# Create your own Gmail Address for your own setup
EMAIL_USER=your_own_gmail_address
EMAIL_PASS=app_password
```
4. **Run Prisma migrations & generate client**
```bash
Just copy the `schema.prisma` file in my repo
npx prisma migrate dev --name init
npx prisma generate
```
5. **Start the development server**
```bash
npm run dev
```
---
## ▶️ Usage
1. Open `http://localhost:3000` in your browser
2. **Upload** your PDF or DOCX file
3. **Select** print settings (paper size, color, duplex, quantity)
4. **Review** price estimate and **proceed** to payment
5. **Track** your order status on the dashboard
6. **Receive** email notification when ready
---
## 📁 Repository Structure
```plaintext
/printify
├── components/
│ ├── ProtectedRoutes.tsx
│ ├── constants/
│ │ ├── admin-sidebar.ts
│ │ ├── customer-sidebar.ts
│ │ ├── hero.ts
│ │ └── navbar.ts
│ ├── hooks/
│ │ └── useWebSockets.tsx
│ ├── layout/
│ │ ├── Footer.tsx
│ │ └── Navbar.tsx
├── lib/
│ ├── auth.ts
│ └── prisma.ts
├── public/
│ ├── file.svg
│ ├── globe.svg
│ ├── next.svg
│ ├── printify_logo.png
│ ├── vercel.svg
│ └── window.svg
├── prisma/
│ ├── schema.prisma
│ └── migrations/
│ ├── migration_lock.toml
│ ├── 20250605034628_init/
│ │ └── migration.sql
│ ├── 20250605100725_init/
│ │ └── migration.sql
│ ├── 20250605101251_init/
│ │ └── migration.sql
│ └── 20250607093243_init/
│ └── migration.sql
├── src/
│ ├── middleware.ts
│ ├── app/
│ │ ├── favicon.ico
│ │ ├── globals.css
│ │ ├── providers.tsx
│ │ ├── (auth)/
│ │ │ ├── layout.tsx
│ │ │ ├── login/
│ │ │ │ ├── login.tsx
│ │ │ │ └── page.tsx
│ │ │ ├── register/
│ │ │ │ ├── page.tsx
│ │ │ │ └── register.tsx
│ │ │ └── verify/
│ │ │ ├── page.tsx
│ │ │ └── verify-otp.tsx
│ │ ├── (landing)/
│ │ │ ├── landing-page.tsx
│ │ │ ├── layout.tsx
│ │ │ └── page.tsx
│ │ ├── (protected)/
│ │ │ ├── layout.tsx
│ │ │ ├── sidebar.tsx
│ │ │ ├── admin/
│ │ │ │ ├── page.tsx
│ │ │ │ ├── analytics/
│ │ │ │ │ └── page.tsx
│ │ │ │ ├── orders/
│ │ │ │ │ └── page.tsx
│ │ │ │ ├── settings/
│ │ │ │ │ └── page.tsx
│ │ │ │ └── users/
│ │ │ │ └── page.tsx
│ │ │ └── customer/
│ │ │ ├── page.tsx
│ │ │ ├── new/
│ │ │ │ └── page.tsx
│ │ │ ├── orders/
│ │ │ │ └── page.tsx
│ │ │ └── profile/
│ │ │ └── page.tsx
│ │ └── api/
│ │ ├── auth/
│ │ │ ├── [...nextauth]/
│ │ │ │ └── route.ts
│ │ │ └── action/
│ │ │ └── [action]/
│ │ │ └── route.ts
├── services/
│ ├── _axios.ts
│ └── Auth.ts
├── skeletons/
├── types/
│ └── useWebSocketsTypes.ts
├── utils/
│ ├── otpCache.ts
│ └── send-email.ts
├── .env.local
├── README.md
├── eslint.config.mjs
├── next-auth.d.ts
├── next-env.d.ts
├── next.config.ts
├── package.json
├── pnpm-lock.yaml
├── pnpm-workspace.yaml
├── postcss.config.mjs
├── tsconfig.json
```
---
## 🤝 Contributing
1. Fork the repository
2. Create a new branch: `git checkout -b feature/YourFeature`
3. Commit your changes: `git commit -m 'Add YourFeature'`
4. Push to the branch: `git push origin feature/YourFeature`
5. Open a Pull Request
Please ensure your code follows the existing style and includes tests where applicable.
---
## 📄 License
This project is licensed under the [MIT License](./LICENSE).