surprise code is here

Turnament code 🤗

Now time to get Weather file 🤗❤️🫂



Here is file but you want replace you own api key

1st go to

https://openweathermap.org/a
pi

Join for more @source_code4web ❤️⏰
Claim your api than past in html code 📌🪄🤗

Build a single-file, mobile-first, production-ready HTML application named "Ai ka Jaadu". The entire app must be delivered as ONE HTML file (inline CSS and JS) that can be opened directly on a browser or deployed to static hosting. Follow the specification exactly.

1) OVERVIEW & THEME
- App name: "Ai ka Jaadu" (display in footer).
- Color & theme: white and blue gradient background (soft smooth gradient), clean modern UI, rounded cards, subtle shadows, readable fonts and large touch targets for mobile.
- Layout: responsive single-page app with two main zones: USER PANEL (public) and ADMIN PANEL (protected). Provide a top header with brand logo left and a subtle hamburger / menu. On user panel top-right show a 3-dot vertical menu which opens the "Favorites" list modal. Footer must show: small tools website logo area, text "Devloper <\>" then a circular avatar image, then "Divyansh Deewana".
- Accessibility: all buttons must be keyboard / screen-reader friendly and large enough for taps.

2) DATA MODEL & FIREBASE INTEGRATION (clear placeholders)
- Use Firebase (Firestore + Storage + Authentication). At the top of the HTML include a clearly marked placeholder block:

// --- REPLACE WITH YOUR FIREBASE CONFIG ---
const FIREBASE_CONFIG = {
apiKey: "...",
authDomain: "...",
projectId: "...",
storageBucket: "...",
messagingSenderId: "...",
appId: "..."
};
// --- END FIREBASE CONFIG ---

- Firestore collection: posts documents structure:
{
id: string,
title: string,
prompt: string,
category: string,
images: [ { type: "original"|"ai", url: string } ],
createdAt: timestamp,
createdBy: uid (admin uid)
}
- Firestore collection: categories
{ id: string, name: string, createdAt: timestamp, createdBy: uid }
- Admins: enforce writes only for authenticated admin users. Include instructions and a placeholder constant ADMIN_UIDS = ["<replace-with-admin-uid>"] or guidance to use custom claims. App must check admin UID before showing admin controls client-side.
- Storage: upload images to posts/{postId}/original.jpg and posts/{postId}/ai.jpg. Provide upload progress UI.

3) FIREBASE SECURITY RULES (provide example to include in Firebase console)
- Provide a small recommended rules snippet (commented inside the HTML for admin to copy):

// Firestore rules (example):
/*
rules_version = '2';
service cloud.firestore {
match /databases/{database}/documents {
match /posts/{postId} {
allow read: if true;
allow create, update, delete: if request.auth != null && request.auth.uid in <ADMIN_UIDS_ARRAY>;
}
match /categories/{catId} {
allow read: if true;
allow create, update, delete: if request.auth != null && request.auth.uid in <ADMIN_UIDS_ARRAY>;
}
}
}
*/

- And Storage rules restricting writes to authenticated admins.

4) AUTH FLOW (Admin)
- Admin signs in using Firebase Email/Password auth. Provide a secure admin login page in the same file (modal or route). On login, validate uid against ADMIN_UIDS or check a custom isAdmin claim.
- If not authenticated, the Admin Panel UI should be hidden. Provide a small "Admin Login" button in header for admins only.

5) ADMIN PANEL FEATURES (exact fields and UX)
- Accessible only to authenticated admin.
- Post creation form:
- Title (short).
- Prompt (large textarea) — this is the prompt text that will be shown to users and copied by the copy button.
- Category: dropdown of existing categories + option "Create new category" inline to add one on the fly.
- Upload original image (file input).
- Upload AI-generated image (file input).
- Optional: small description (1-2 lines).
- Submit button: uploads images to Firebase Storage, then create document in posts with metadata.
- Validation: require a category selection or new category input.
- Post management: list of posts with edit and delete icons. Edit opens same form prefilled. Delete asks confirmation.

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.

🚀 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