SvelteFlask_CertificateGeneratortor Svelte Themes

Svelteflask_certificategeneratortor

πŸŽ“ Automated Certificate Generator

A full-stack web application that generates beautiful PDF certificates and directly emails them to participants based on CSV input.

  • 🌐 Frontend: Svelte (lightning-fast and reactive UI)
  • πŸ”₯ Backend: Flask (PDF, CSV, Email handling)
  • 🧾 PDF Engine: fpdf2 with custom fonts and templates

πŸ’‘ Perfect for events like hackathons, webinars, workshops, or university fests.


πŸ“Έ Demo


πŸš€ Features

βœ… Generate stylish PDF certificates
βœ… Svelte-based user interface with live status updates
βœ… Use any .ttf or .otf font from the fonts/ folder
βœ… Background image as certificate template
βœ… CSV upload for participant data
βœ… Customizable: name, event, date, class, signatures
βœ… Optional: Add QR codes to certificates
βœ… Email delivery directly to user inbox
βœ… Clean and modular code structure


🧰 Tech Stack

πŸ–Ό Frontend

  • ⚑️ Svelte – Reactive UI
  • πŸ“¦ Vite – Fast bundler
  • 🎨 Tailwind CSS (optional) – For styling (if used)

🧠 Backend

  • 🐍 Python 3.10+
  • πŸ”₯ Flask – API routes and certificate logic
  • πŸ–¨ fpdf2 – Modern PDF generation
  • πŸ“§ smtplib/email – Sending certificates
  • πŸ“Š pandas – Parsing CSV files
  • πŸ–ΌοΈ Pillow – (optional) Image support

πŸ–Ό Project Structure

project/
β”‚
β”œβ”€β”€ frontend/ (Svelte App)
β”‚ β”œβ”€β”€ src/
β”‚ β”‚ β”œβ”€β”€ pages/
β”‚ β”‚ β”‚ └── Home.svelte ← Upload CSV and trigger cert generation
β”‚ β”‚ └── App.svelte
β”‚ β”‚ └── Navigation.svelte
β”‚ └── public/
β”‚
β”œβ”€β”€ backend/ (Flask App)
β”‚ β”œβ”€β”€ PythonTasksScripts/
β”‚ β”‚ β”œβ”€β”€ genPdf.py ← Core certificate generation logic
β”‚ β”‚ β”œβ”€β”€ sendingMails.py
β”‚ β”‚ β”œβ”€β”€ getFonts.py
β”‚ β”‚ └── csvFunc.py
β”‚ β”‚ └── designTemplate.py
β”‚ β”œβ”€β”€ app.py ← Flask app entrypoint
β”‚ β”œβ”€β”€ requirements.txt
β”‚ β”œβ”€β”€ .flaskenv 
β”‚ β”œβ”€β”€ fonts/ ← All static .ttf / .otf fonts
β”‚ └── static/Images/...
β”‚
└── README.md

πŸ’» How to Run

1. Backend (Flask)



cd backend

------ For Linux ------
    python3 -m venv env
    source env/bin/activate

------ For Windows ------
    python -m venv env
    env\Scripts\activate

pip install -r requirements.txt
flask run --debug

2.β€―FrontendΒ (Svelte)



cd frontend
npm install
npm run dev

Top categories

Loading Svelte Themes