Gdańsk Pizza Connect 2025 - PDF Viewer

A mobile-optimized React application for viewing PDF documents in Polish and English.

Features

• 🌐 Language selection (Polish/English)
• 📱 Mobile-optimized PDF viewer
• 🎨 Beautiful gradient design
• ⚡ Fast loading with Vite
• 📄 Automatic PDF width adjustment for mobile devices

Local Development

1. Install dependencies:

npm install

2. Start the development server:

npm run dev

3. Open http://localhost:5173 in your browser

Building for Production

Build the project:

npm run build

The built files will be in the dist folder.

Deploy to Netlify

Option 1: GitHub + Netlify (Recommended)

1. Push to GitHub:

   git init
   git add .
   git commit -m "Initial commit"
   git remote add origin <your-github-repo-url>
   git push -u origin main

2. Connect to Netlify:

   • Go to netlify.com
   • Click "Add new site" → "Import an existing project"
   • Choose "GitHub" and select your repository
   • Configure build settings:
     • Build command: npm run build
     • Publish directory: dist
   • Click "Deploy site"

Option 2: Netlify CLI

1. Install Netlify CLI:

   npm install -g netlify-cli

2. Build and deploy:

   npm run build
   netlify deploy --prod

Option 3: Drag & Drop

1. Build the project: npm run build
2. Go to app.netlify.com/drop
3. Drag the dist folder to the page

Project Structure

pizza-connect/
├── public/
│   ├── Gdańsk Pizza Connect 2025 (PL).pdf
│   └── Gdańsk Pizza Connect 2025 (ENG).pdf
├── src/
│   ├── components/
│   │   ├── LanguageSelector.jsx
│   │   ├── LanguageSelector.css
│   │   ├── PDFViewer.jsx
│   │   └── PDFViewer.css
│   ├── App.jsx
│   ├── App.css
│   └── index.css
└── package.json

Technologies Used

• React - UI library
• Vite - Build tool
• react-pdf - PDF rendering
• pdfjs-dist - PDF.js library

Mobile Optimization

The application is optimized for mobile devices with:

• Responsive design
• Touch-friendly buttons
• Automatic PDF width adjustment
• Optimized loading for mobile networks