๐คก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
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
๐10โค6๐คฏ3
toox.html
204.7 KB
surprise code is here
๐ฒ๐๐๐๐ผ๐พ ๐ข๐๐ฝ๐พ 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
Join for more @source_code4web โค๏ธโฐ
Claim your api than past in html code ๐๐ช๐ค
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.
WhatsApp.com
Open WhatsApp
WhatsApp Messenger: More than 2 billion people
in over 180 countries use WhatsApp to stay in touch with friends and
family, anytime and anywhere. WhatsApp is free and offers simple, secure,
reliable messaging and calling, availableโฆ
in over 180 countries use WhatsApp to stay in touch with friends and
family, anytime and anywhere. WhatsApp is free and offers simple, secure,
reliable messaging and calling, availableโฆ
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.