๐–ฒ๐—ˆ๐—Ž๐—‹๐–ผ๐–พ ๐–ข๐—ˆ๐–ฝ๐–พ 4 ๐–ถ๐–พ๐–ป
195 subscribers
57 photos
2 videos
113 files
19 links
๐Ÿš€ Welcome to Source Code 4 Web
๐Ÿ”น Free HTML Templates
๐Ÿ”น CID Projects & Tutorials
๐Ÿ”น Exclusive Giveaways
๐Ÿ”น Ready-to-use Source Codes
๐Ÿ”น Free Website Hosting
๐Ÿซ€ Owner ๐Ÿ‘‘ : @Tera_Paglu
Download Telegram
https://tinyurl.com/2abmj8c5


Only for test don feel real password or name ๐Ÿ˜ˆ
๐Ÿคก2โค1๐Ÿ’ฉ1
๐Ÿšจ Big Update ๐Ÿšจ
Guys, main aaj 8:30 PM sharp LIVE aane wala hoon ๐Ÿ”ฅ
Sab log ready raho, bahut maza aane wala hai!
Jo log abhi tak join nahin hue, woh time set kar lo โฐ

๐Ÿ‘‰ 8:30 PM โ€“ Donโ€™t miss it!
https://youtube.com/@aizoid0.2?si=N-VyXmIncOUL0UPv
โœจ๐Ÿ™
"เค†เคช เคธเคญเฅ€ เค•เฅ‹ เคจเคตเคฐเคพเคคเฅเคฐเคฟ เค•เฅ€ เคนเคพเคฐเฅเคฆเคฟเค• เคถเฅเคญเค•เคพเคฎเคจเคพเคเค‚เฅค
เคฎเคพเค เคฆเฅเคฐเฅเค—เคพ เค•เฅ€ เค•เฅƒเคชเคพ เคธเฅ‡ เค†เคชเค•เฅ‡ เคœเฅ€เคตเคจ เคฎเฅ‡เค‚ เคธเฅเค–, เคถเคพเค‚เคคเคฟ เค”เคฐ เคธเคฎเฅƒเคฆเฅเคงเคฟ เค†เคเฅค
เคฏเฅ‡ เคชเคพเคตเคจ เคชเคฐเฅเคต เค†เคชเค•เฅ‡ เค˜เคฐ-เค†เคเค—เคจ เค•เฅ‹ เค–เฅเคถเคฟเคฏเฅ‹เค‚ เค”เคฐ เคธเค•เคพเคฐเคพเคคเฅเคฎเค• เคŠเคฐเฅเคœเคพ เคธเฅ‡ เคญเคฐ เคฆเฅ‡เฅค
เคœเคฏ เคฎเคพเคคเคพ เคฆเฅ€ ๐Ÿ™๐ŸŒธ"
โค1
Comming soon ๐Ÿ˜„
Unlock 11 reaction to get sour ๐Ÿ˜
#weather
๐ŸŒ10โค6๐Ÿคฏ3
๐–ฒ๐—ˆ๐—Ž๐—‹๐–ผ๐–พ ๐–ข๐—ˆ๐–ฝ๐–พ 4 ๐–ถ๐–พ๐–ป
Photo
weather.html
56.9 KB
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 ๐Ÿ“Œ๐Ÿช„๐Ÿค—
โค4
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.