Tek bir HTML dosyasından oluşan, kurulum gerektirmeyen, ücretsiz proforma fatura ve teklif hazırlama uygulaması.
HTML + JavaScript ile geliştirilmiş, hızlı teklif hazırlama aracı
🇬🇧 English
A lightweight single-file HTML application for creating quotations and proforma invoices.
No installation required.
Simply open the HTML file in your browser and start creating professional quotations.
Features include local storage, PDF printing, image export and customizable templates.
🇹🇷 Türkçe
Bu proje tek bir HTML dosyasından oluşan ücretsiz bir proforma fatura ve teklif hazırlama uygulamasıdır.
Kurulum gerektirmez.
Dosyaya çift tıklayarak veya web sitenize yükleyerek kullanabilirsiniz.
Word, Excel veya özel bir programa ihtiyaç duymadan hızlı teklifler hazırlayabilirsiniz.
✨ Özellikler
✅ Tek dosya HTML yapısı ✅ Kurulum gerektirmez ✅ Bilgisayarda ve telefonda çalışır ✅ Şirket bilgilerini düzenleyebilme ✅ Müşteri bilgileri girebilme ✅ Sınırsız ürün satırı ekleyebilme ✅ Satır silme ✅ Otomatik KDV hesaplama ✅ Otomatik genel toplam hesaplama ✅ Yazdırma desteği ✅ PDF olarak kaydetme ✅ Resim olarak panoya kopyalama ✅ WhatsApp’tan gönderme ✅ LocalStorage ile kayıt ✅ JSON tabanlı veri saklama ✅ Farklı renk temaları ✅ Klavye ile hızlı kullanım
📸 Ekran Görüntüleri
Teklif Girişi
Yazdırma Görünümü
WhatsApp Gönderimi
🚀 Kullanım
Bilgisayarda Kullanım
proforma.html
dosyasına çift tıklayın.
Tarayıcı açılacak ve uygulama kullanıma hazır olacaktır.
Web Sitesinde Kullanım
Dosyayı sunucunuza yükleyin:
https://siteadiniz.com/teklif.html
veya index.html olarak sitenize teklif klasörüne atın
https://siteadiniz.com/teklif
şeklinde kullanabilirsiniz.
💾 Kayıt Sistemi
Uygulama varsayılan olarak verileri tarayıcının LocalStorage alanında saklar.
Bu kayıtlar:
- Sadece ilgili cihazda görünür
- Başka kullanıcılara görünmez
- İnternet gerektirmez
İstenirse kaydetme sistemi;
- MySQL
- SQL Server
- SQLite
- PostgreSQL
ile geliştirilebilir.
📱 WhatsApp ile Gönderim
Teklif hazırlandıktan sonra:
- Resim Olarak Kopyala
- WhatsApp Aç
- CTRL + V
işlemi ile teklif doğrudan müşteriye gönderilebilir.
🎨 Tema Desteği
Desteklenen temalar:
- Lacivert
- Yeşil
- Kırmızı
- Mor
- Koyu
- Turuncu
- Turkuaz
⚙️ Varsayılan Bilgileri Değiştirme
Varsayılan şirket bilgileri doğrudan HTML dosyası içerisinden değiştirilebilir.
proforma.html dosyasını Not Defteri ile açın.
Şirket bilgileri aşağıdaki bölümlerden düzenlenebilir:
- Firma adı
- Adres
- Telefon
- E-posta
- Web sitesi
- Vergi bilgileri
- Banka bilgileri
- Varsayılan açıklamalar
📂 Proje İçeriği
| Dosya | Açıklama |
|---|---|
| proforma.html | Ana uygulama |
vuejs 2, bootstrap, html2canvas cdn olarak kullanır.
🎥 Video Anlatımı
🛠 Kullanılan Teknolojiler
- HTML5
- JavaScript
- Vue.js 2.7
- Bootstrap 5
- LocalStorage
- html2canvas
📜 Lisans
MIT License
