Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 

Repository files navigation

⛽ idfuel - אישור כניסה ותדלוק

אפליקציית מובייל בעיצוב נקי (Client-Side SPA) המיועדת לייעול ואוטומציה של שליחת בקשות כניסה לתדלוק בבסיסים באמצעות וואטסאפ.

המערכת פועלת באופן עצמאי לחלוטין בדפדפן המשתמש, ללא צורך בשרת או בסיס נתונים, פרטי הרכב הם חלק מהURL ופרטי המשתמש נשמרים מקומית על המכשיר.


🚀 איך זה עובד?

  1. בסריקה הראשונה (חד-פעמי): הנהג מזין את פרטיו האישיים (שם, מ.א, סלולרי ומיקום). הפרטים נשמרים בדפדפן.
  2. בפעמים הבאות (בשגרה): הנהג סורק קוד QR שנמצא ברכב. האתר מזהה את הרכב מהקישור, מושך את פרטי הנהג מהזיכרון, ובלחיצת כפתור אחת פותח את וואטסאפ עם הודעה מנוסחת ומוכנה לשליחה.

🔗 מבנה הקישור (URL Structure)

כדי שהאתר יזהה את הרכב באופן אוטומטי, יש לייצר קוד QR המכיל את כתובת האתר בתוספת Query Parameters של סוג הרכב ומספר הרישוי.

פורמט הקישור:

https://ba-didi.github.io/idfuel/?vehicle=<סוג_רכב>&plate-num=<מספר_רכב>

דוגמה לקישור תקין:

אם הרכב הוא מסוג "דימקס" ומספר הרכב הוא "123-45-678", הקישור עבור ה-QR שלו יהיה: https://ba-didi.github.io/idfuel/?vehicle=דימקס&plate-num=123-45-678

⚠️ שים לב: ה-JavaScript באתר מבצע קידוד אוטומטי (encodeURIComponent), ולכן ניתן לכתוב עברית ורווחים כרגיל בתוך הקישור (הדפדפן כבר יתרגם את זה לבד).


📱 מדריך להכנת קוד QR לרכב

כדי להציב את הקישור בתוך הרכבים בצורה נוחה, מומלץ לעבוד לפי השלבים הבאים:

  1. הכנת הקישור הייעודי: הרכב את הקישור עבור הרכב הספציפי לפי הפורמט למעלה (החלף את סוג הרכב ומספר הרישוי).
  2. יצירת ה-QR: היכנס לאתר חינמי לייצור קודי QR (לדוגמה: QRCode Monkey או QR Code Generator).
  3. הדבקת הקישור: הדבק את הקישור המלא (כולל ה-?vehicle=...) בשדה ה-URL של האתר ולחץ על Create/Generate.
  4. הורדה והדפסה: הורד את תמונת ה-QR שנוצרה. מומלץ להדפיס אותה ולהדביק במקום נגיש ברכב (לדוגמה: על הדשבורד או על גב סוכך השמש של הנהג).

🛠️ טכנולוגיות

  • HTML5 / CSS3 עם התאמה מלאה לתצוגת מובייל (Responsive Design).
  • Vanilla JavaScript לניהול לוגיקת הדף והצגת ערכים.
  • LocalStorage לשמירה מאובטחת ומקומית של פרטי הנהג בדפדפן.
  • WhatsApp Click to Chat API לפתיחה ישירה של אפליקציית וואטסאפ.

About

A serverless, mobile-first web app for generating military base refueling gate-pass requests via WhatsApp.

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages