Shayari App Source Code (HTML + Java) | खुद का शायरी ऐप बनाएँ
अगर आप Android के लिए एक शानदार Shayari App बनाना चाहते हैं, तो इस पोस्ट में आपको मिलेगा पूरा HTML + Java Source Code, जिसे आप Sketchware Pro या Android Studio में इस्तेमाल कर सकते हैं। साथ ही पोस्ट के अंत में आप इसे डाउनलोड भी कर सकते हैं।
✅ Shayari App का HTML Code
<!DOCTYPE html>
<html lang="hi">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>💖 Hindi Shayari App</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<style>
body {
font-family: 'Arial', sans-serif;
background: #fff0f5;
margin: 0;
padding: 20px;
}
h1 {
color: #d81b60;
text-align: center;
}
.shayari-box {
background: #fff;
padding: 20px;
margin: 20px 0;
border-radius: 12px;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.shayari-text {
font-size: 18px;
color: #444;
margin-bottom: 15px;
}
.btn-group {
display: flex;
justify-content: flex-end;
gap: 10px;
}
.icon-btn {
background: none;
border: none;
cursor: pointer;
color: #d81b60;
font-size: 24px;
}
.icon-btn:active {
transform: scale(1.1);
}
</style>
</head>
<body>
<h1>💖 हिंदी शायरी ऐप</h1>
<div class="shayari-box">
<div class="shayari-text">तेरी मुस्कान ही मेरी सबसे बड़ी कमजोरी है 😊</div>
<div class="btn-group">
<button class="icon-btn" onclick="copyShayari(this)">
<span class="material-icons">content_copy</span>
</button>
<button class="icon-btn" onclick="shareShayari(this)">
<span class="material-icons">share</span>
</button>
</div>
</div>
<div class="shayari-box">
<div class="shayari-text">तेरी एक झलक पाने को ये दिल तरसता है 💓</div>
<div class="btn-group">
<button class="icon-btn" onclick="copyShayari(this)">
<span class="material-icons">content_copy</span>
</button>
<button class="icon-btn" onclick="shareShayari(this)">
<span class="material-icons">share</span>
</button>
</div>
</div>
<script>
function copyShayari(btn) {
const text = btn.closest('.shayari-box').querySelector('.shayari-text').innerText;
navigator.clipboard.writeText(text).then(() => {
const icon = btn.querySelector('.material-icons');
icon.innerText = "check";
setTimeout(() => { icon.innerText = "content_copy"; }, 1500);
});
}
function shareShayari(btn) {
const text = btn.closest('.shayari-box').querySelector('.shayari-text').innerText;
const encodedText = encodeURIComponent(text);
const shareURL = `https://wa.me/?text=${encodedText}`;
window.open(shareURL, '_blank');
}
</script>
</body>
</html>
📱 Shayari App क्या है?
Shayari App एक ऐसा एंड्रॉइड एप्लिकेशन है जिसमें उपयोगकर्ता विभिन्न प्रकार की शायरी पढ़ सकते हैं और उन्हें सोशल मीडिया पर शेयर कर सकते हैं। इस ऐप में रोमांटिक, सैड, दोस्ती, मोटिवेशनल और कई अन्य प्रकार की शायरी शामिल होती है।
🔍 इस Shayari App की खासियतें
- ✅ पूरी तरह ऑफलाइन चलने वाला ऐप (HTML आधारित)
- ✅ WhatsApp, Facebook, Instagram पर Shayari शेयर करने का विकल्प
- ✅ शानदार UI और सिंपल Navigation
- ✅ Sketchware Pro या Android Studio दोनों में इस्तेमाल हो सकने वाला कोड
- ✅ HTML और Java दोनों का इस्तेमाल — आसानी से Customization किया जा सकता है
- ✅ हल्का और तेज़ App — छोटे फ़ोन में भी smoothly चलता है
- ✅ Back बटन दबाने पर Confirmation Dialog
- ✅ Users के लिए Copy और Download दोनों Option
👨💻 Shayari App किसके लिए है?
- ✅ जो लोग अपनी खुद की Shayari App बनाना चाहते हैं
- ✅ Students या Beginners जो Sketchware Pro से Android Development सीख रहे हैं
- ✅ Freelancers जो client के लिए Poetry या Shayari apps बनाते हैं
- ✅ Content Creators जो HTML से मोबाइल ऐप बनाना चाहते हैं
🧩 आप इस ऐप को कैसे Customize कर सकते हैं?
- ✅ HTML में और Shayari जोड़ सकते हैं
- ✅ Background Color, Font, Emoji बदल सकते हैं
- ✅ WhatsApp Sharing Button लगा सकते हैं
- ✅ Night Mode या Light Mode सपोर्ट जोड़ सकते हैं
- ✅ Splash Screen या Logo जोड़ सकते हैं
💡 Bonus Tips (AdSense Friendly Content के लिए)
- ✅ हर Shayari category के लिए एक अलग HTML पेज बनाएं
- ✅ App में Image या Background Music न जोड़ें अगर बहुत heavy हो
- ✅ Download बटन को पोस्ट के अंत में रखें
- ✅ Meta Description और Keywords हमेशा जोड़ें (जैसा ऊपर दिया गया है)
- ✅ Low-quality कंटेंट ना डालें, और हर Shayari Original रखें
✅ Java कोड (WebView, WhatsApp लिंक, Exit Dialog)
webview1.getSettings().setJavaScriptEnabled(true);
webview1.getSettings().setBuiltInZoomControls(false);
webview1.getSettings().setDisplayZoomControls(false);
webview1.getSettings().setSupportZoom(false);
webview1.getSettings().setLoadWithOverviewMode(true);
webview1.getSettings().setUseWideViewPort(true);
// 🔴 Overscroll glow हटाना
webview1.setOverScrollMode(WebView.OVER_SCROLL_NEVER);
// 🔴 Scrollbars हटाना
webview1.setVerticalScrollBarEnabled(false);
webview1.setHorizontalScrollBarEnabled(false);
webview1.setWebViewClient(new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
if (url.startsWith("whatsapp://") || url.startsWith("https://wa.me/")) {
try {
Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
view.getContext().startActivity(intent);
} catch (Exception e) {
Toast.makeText(view.getContext(), "WhatsApp इंस्टॉल नहीं है", Toast.LENGTH_SHORT).show();
}
return true;
} else if (url.startsWith("http://") || url.startsWith("https://") || url.startsWith("file://")) {
return false;
} else {
Toast.makeText(view.getContext(), "Unknown link: " + url, Toast.LENGTH_SHORT).show();
return true;
}
}
});
webview1.loadUrl("file:///android_asset/r1.html");
🔴 Exit Dialog Code
AlertDialog.Builder exitDialog = new AlertDialog.Builder(MainActivity.this);
exitDialog.setTitle("एप से बाहर निकलना?");
exitDialog.setMessage("क्या आप सच में बाहर जाना चाहते हैं?");
exitDialog.setPositiveButton("हाँ", new DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog, int which) {
finish();
}
});
exitDialog.setNegativeButton("नहीं", null);
// show dialog first
AlertDialog dialog = exitDialog.create();
dialog.show();
// change button colors after show
dialog.getButton(AlertDialog.BUTTON_POSITIVE).setTextColor(Color.parseColor("#F44336")); // नीला
dialog.getButton(AlertDialog.BUTTON_NEGATIVE).setTextColor(Color.parseColor("#2196F3")); // लाल
📘 Step-by-Step Tutorial (Shayari App बनाना सीखें)
Step 1: सबसे पहले ऊपर दिया गया HTML कोड कॉपी करें और अपने Android प्रोजेक्ट के अंदर assets/r1.html नाम से सेव करें।
Step 2: अब Java कोड को अपने MainActivity.java में onCreate() method के अंदर पेस्ट करें और WebView का नाम webview1 रखें।
Step 3: अपने ऐप में इंटरनेट परमीशन देना न भूलें:
<uses-permission android:name="android.permission.INTERNET"/>
Step 4: Exit Dialog को onBackPressed() method में कॉल करें ताकि जब यूज़र बैक बटन दबाए तो confirm dialog दिखे।
Step 5: बस अब आपका Shayari ऐप तैयार है! इसे APK में बदलें और शेयर करें।