PDF Viewer

This is a simple PDF viewer for the web which can let users sign the PDF document.

👷 Some features are working on:

• Rendering PDFs
• Editing PDFs
• Saving PDFs
• Authentication

🌐 Demo

• Railway
• Vercel

Development

🔨 Generate .env file

Add your DB connection string and Google OAuth credentials.

cp .env.example .env

📦 Install dependencies

Using pnpm and also generate prisma client and husky hooks.

pnpm install

🚀 Start development server

Open http://localhost:3000 with your browser to see the result.

pnpm dev

Folder Structure

• components - React components.
• lib - Prisma client.
• pages - Next.js pages
• helpers - Some helper functions (api).
• hooks - React hooks.
• server - Some server-side functions.
• styles - Global styles.
• shared - Shared types.
• utils - Some utility functions.

Languages & tools

• Next.js
• Prisma - Database ORM
• React
• Tailwind CSS
• TypeScript
• react-pdf
• framer-motion - Animation library
• next-auth - To implement OAuth
• react-signature-canvas
• zod - TypeScript-first schema validation

Third-party services

• Railway - Deployment
• Vercel - Deployment
• Google OAuth - Authentication

📄 License

Under MIT