6) USER PANEL FEATURES (exact UX)
- Landing page shows top horizontal sliding category chips/carousel (categories fetched from Firestore). Categories must be tappable. Include an "All" category.
- Under categories show grid/list of post cards. Each card:
- Small title above prompt preview.
- Prompt preview (one-line) under title.
- Category tag small text.
- Two image thumbnails (one original, one AI). These thumbnails must be horizontally swipeable or include a small slider control so users can slide between original and AI images. Provide a visual label "Original" and "AI-made".
- Bottom bar on each card: Heart icon (favorite), Copy button, Share (error) button (WhatsApp), and a small "Open" arrow to view detail.
- Heart icon:
- Click toggles favorite state (turns red when favorited).
- Favorites are stored locally in localStorage for anonymous users (so users can use the site without login). Provide optional sync to Firestore if user ever logs in.- Copy button:
- Single-click copies the full prompt to clipboard and shows toast "Prompt copied".
- Share (error) button:
- This button shares the selected image + a mini unique description and website link via WhatsApp web/mobile share. Pre-fill text like:
"Check this image from Ai ka Jaadu β [Title]. Prompt: <first 80 chars>... View more: https://your-site-link.example β (Auto-generated by Ai ka Jaadu)"
- Use
https://wa.me/?text= with encoded text for mobile-friendly sharing.- Top-right 3-dot:
- Opens a modal showing Favorites list (cards with prompt and image) and buttons: "Copy All", "Clear Favorites", "Privacy Policy", "Terms & Conditions", and "Developer Info".
- Post detail view (open when user taps a card):
- Show large image area with slider to switch between original and AI (full view).
- Show full title, full prompt text, category, created date, and action buttons: Favorite (heart), Copy prompt, Share via WhatsApp, Close.
- If a post has multiple images uploaded by admin (more than 2), show carousel arrows to slide through them.
7) CATEGORIES
- Admin must be forced to pick/create a category on post creation.
- Categories show as a top slide bar with scrollable chips. On click filter posts by category.
- Show a small empty-state if category has no posts.
8) FAVORITES (detailed)
- Favorites persist in
localStorage keyed by post ID with stored object { postId, title, prompt, imageURL, timestamp }.- Favorites modal accessible from 3-dot menu: list favorites, each item has copy prompt, remove, and share buttons. Provide "Export favorites" button to download JSON file.
9) PRIVACY, TERMS & DEVELOPER INFO
- Provide a small page/modal with sample Privacy Policy and Terms & Conditions text (editable) that admin can edit in admin panel. Include statements:
- Users can use the site without login.
- Images uploaded by admin; no personal user uploads.
- Storage and data usage disclaimers.
- Developer info panel with social icons for Facebook, Telegram, WhatsApp, Instagram. Show icons + social name placeholders. Admin should be able to replace links.
- Footer: show "Ai ka Jaadu" label + small tools logo area + Developer name "Divyansh Deewana" with "<\>" symbol and circular avatar.
10) TECHNICAL REQUIREMENTS & INTERACTIONS
- Use Firestore realtime listeners so posts and categories update live for users.
- Use Firebase Storage with upload progress indicators for admin uploads.
- Provide graceful offline fallback: cached posts in localStorage and show offline banner if connection lost.
- Copy to clipboard must use navigator.clipboard with fallback.
- All images must lazy-load. Use placeholders / blur-up while loading.
- Include subtle animations for heart toggle, toast notifications, and slide transitions.
- Provide confirmation dialogs for destructive actions (delete post, clear favorites).
- Include error handling and user-friendly error messages.
11) CODE QUALITY & COMMENTS
- The single HTML file must be well-structured and heavily commented. At the top add a short "How to configure" block showing:
1. Where to paste Firebase config.
2. How to set ADMIN_UIDS.
3. Where to add tools website logo and developer social links.
4. Reminder to paste Firestore & Storage rules in Firebase console.
- Use modular JS (IIFE or simple modules inside the file). Keep functions named and readable.
- No external build step required; use only CDN Firebase SDK (v9 modular or compat) included by <script> tags and no other external dependencies except optional small icon SVGs or Google Fonts (load via link).
- Provide sample CSS variables to customize colors quickly.
12) EXTRA UX POLISH (must include)
- Image comparison slider when viewing detail (drag to reveal original vs ai).
- Toast system for copy/share/success/error messages.
- Admin "preview" button that shows how the post will appear to users before publishing.
- Provide an "Examples" seed - include 3 seed posts inserted locally on first load if Firestore empty (so the UI isn't empty).
13) FIREBASE RULES & ADMIN SETUP INSTRUCTIONS (small block to show at end)
- Explain how to create admin user in Firebase console (create user/email + set ADMIN_UIDS constant).
- Provide the Firestore / Storage rules again and recommend using custom claims for production.
14) DELIVERY FORMAT
- Output must be a single HTML file with:
- Clear header comment with "Ai ka Jaadu β Single File App β Created for Divyansh Deewana".
- Placeholder FIREBASE_CONFIG object.
- ADMIN_UIDS example.
- Full inline CSS and JS.
- Small inline README as comment at top showing configuration steps.
15) ADDITIONAL NOTES (strict)
- Do NOT require server-side code; everything must run in static hosting + Firebase.
- Ensure user can use site without login; admin functions require login.
- Make sure references to "developer links" are placeholders so I can edit later.
- Ensure the final file is mobile-first, visually clean, and ready to drop into production after replacing the Firebase config and admin uid list.
Produce the single-file HTML now. The file should be copy-paste ready and include the placeholders described above. If for any reason the generator cannot output the full file, return an error message explaining exactly what prevented generation and list the missing pieces.
End of prompt.GEMINI AI BOT (@ANUJ_BOTS).zip
3.4 KB
π AI Image Edit Telegram Bot (PHP Source Code) π
β Join:- @tera_paglu
Hidden method
https://t.me/+X9aolME0IFRiZjI1
Don't forget to give credit's
π οΈ Setup & Hosting:
1. Ek PHP supported hosting chahiye (cPanel, VPS ya shared hosting).
2. Dono files upload karo:
api.php β Isme Google Gemini API key replace karo.
bot.php β Isme apna Telegram Bot Token aur api.php ka URL daalo.
3. Apne bot ka webhook set karo π
https://api.telegram.org/botYOUR_BOT_TOKEN/setWebhook?url=https://yourdomain.com/bot.php
π YOUR_BOT_TOKEN ko apne bot token se aur yourdomain.com ko apne hosting domain se replace karo.
4. Ab Telegram me bot test karo:
/start bhejo
Ek photo + caption bhejo
Bot edited image aur text bhej dega β
π¦ Requirements:
PHP 7.4+
cURL enabled
Google Gemini API key
Give reactions for more
β Join:- @tera_paglu
Hidden method
https://t.me/+X9aolME0IFRiZjI1
Don't forget to give credit's
π οΈ Setup & Hosting:
1. Ek PHP supported hosting chahiye (cPanel, VPS ya shared hosting).
2. Dono files upload karo:
api.php β Isme Google Gemini API key replace karo.
bot.php β Isme apna Telegram Bot Token aur api.php ka URL daalo.
3. Apne bot ka webhook set karo π
https://api.telegram.org/botYOUR_BOT_TOKEN/setWebhook?url=https://yourdomain.com/bot.php
π YOUR_BOT_TOKEN ko apne bot token se aur yourdomain.com ko apne hosting domain se replace karo.
4. Ab Telegram me bot test karo:
/start bhejo
Ek photo + caption bhejo
Bot edited image aur text bhej dega β
π¦ Requirements:
PHP 7.4+
cURL enabled
Google Gemini API key
Give reactions for more
β€1
Live chk out channel and enjoy
https://luxtvs.blogspot.com/?m=1
And if you want source code wai and share and if 20 reaction done I'll give complete code in channel π πβ€οΈ
https://luxtvs.blogspot.com/?m=1
And if you want source code wai and share and if 20 reaction done I'll give complete code in channel π πβ€οΈ
β€7
index (1).html
15.7 KB
π WeatherSphere β Live Weather Updates Website
WeatherSphere ek modern aur stylish website hai jisme aap kisi bhi city ka live weather dekh sakte ho.
Bas apna city name search karo aur aapko turant real-time weather details milengi.
β¨ Features:
- Live Temperature with "Feels Like" detail
- Current Weather Condition (Sunny, Cloudy, Rain, Snow etc.)
- Humidity, Wind Speed aur Pressure ki complete information
- Dynamic Weather Icons (Day/Night ke hisaab se change hote hain)
- Glassmorphism + Gradient based professional UI design
- Fast, Responsive aur mobile-friendly layout
- Error handling β Agar galat city name likh do to proper message show hoga
- Loading animation jab tak data fetch ho raha ho
- Last updated time show karta hai taaki aapko latest info mile .
WeatherSphere ek modern aur stylish website hai jisme aap kisi bhi city ka live weather dekh sakte ho.
Bas apna city name search karo aur aapko turant real-time weather details milengi.
β¨ Features:
- Live Temperature with "Feels Like" detail
- Current Weather Condition (Sunny, Cloudy, Rain, Snow etc.)
- Humidity, Wind Speed aur Pressure ki complete information
- Dynamic Weather Icons (Day/Night ke hisaab se change hote hain)
- Glassmorphism + Gradient based professional UI design
- Fast, Responsive aur mobile-friendly layout
- Error handling β Agar galat city name likh do to proper message show hoga
- Loading animation jab tak data fetch ho raha ho
- Last updated time show karta hai taaki aapko latest info mile .
β€2π₯1
Ye lo clone bna diya tumhra jaldi hu complete hone wala hai
@Divyahu_yar
Lekin isme mene kisi or ki pic lgai hai ππΌπ
@Divyahu_yar
Lekin isme mene kisi or ki pic lgai hai ππΌπ
π€2
Shayri website comming soon π
Agar ese post par 20 reaction aa gaye to pura source code upload kar doonga
Agar fir bhi reaction nahi aay or kisi ko source code chahiye to 20 members add kar ke screenshot send kar dega π€€
Demo ππ»
Agar ese post par 20 reaction aa gaye to pura source code upload kar doonga
Agar fir bhi reaction nahi aay or kisi ko source code chahiye to 20 members add kar ke screenshot send kar dega π€€
Demo ππ»
β€7