-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
541 lines (453 loc) · 19.3 KB
/
index.html
File metadata and controls
541 lines (453 loc) · 19.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description"
content="Mindcraft Learning creates smart Android apps for fun, learning, and productivity. Explore our 5 top-rated apps now." />
<meta name="keywords" content="Android apps, quiz app, random picker, coding app, trivia game, mindcraft learning" />
<meta name="author" content="Mindcraft Learning" />
<title>Mindcraft Learning - Android App Studio</title>
<style>
* {
box-sizing: border-box;
}
body {
font-family: sans-serif;
margin: 0;
padding: 0;
background: #f3f3f3;
color: #333;
}
header {
text-align: center;
padding: 2rem 1rem;
border-bottom: 1px solid #e0e0e0;
}
.featureTitle {
width: 100%;
max-height: 350px;
object-fit: cover;
border-radius: 8px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
margin-bottom: 2rem;
}
.intro-content {
max-width: 800px;
margin: auto;
padding: 0 1rem;
}
.intro-content .icon {
width: 80px;
height: 80px;
border-radius: 16px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
margin-bottom: 1rem;
}
.intro-content h1 {
font-size: 2rem;
margin: 0.5rem 0;
color: #0b3d91;
font-weight: 600;
}
.intro-desc {
font-size: 1rem;
color: #444;
margin-bottom: 1.5rem;
font-weight: 500;
}
.intro-content p {
font-size: 0.95rem;
color: #333;
line-height: 1.6;
}
.links a {
color: #0b3d91;
font-weight: 500;
text-decoration: underline;
}
header h1 {
margin: 0;
font-size: 2rem;
}
.short-desc {
font-size: 0.95rem;
color: #555;
margin: 0.5rem 0;
padding-bottom: 1rem;
font-weight: 500;
}
.container {
max-width: 900px;
margin: auto;
padding: 2rem 1rem;
}
.app-card {
background: #fff;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
margin-bottom: 3rem;
overflow: hidden;
}
.feature {
width: 100%;
display: block;
}
.app-header {
display: flex;
align-items: center;
gap: 1rem;
padding: 1rem;
}
.app-header img.icon {
width: 100px;
height: 100px;
border-radius: 12px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.app-header .title-block h2 {
margin: 0;
font-size: 1.3rem;
}
.app-header .title-block p {
margin: 0.3rem 0 0;
font-size: 0.9rem;
color: #555;
}
.developer-info {
display: flex;
margin-bottom: 1.5rem;
gap: 1rem;
justify-content: center;
align-items: center;
}
.name-tagline {
display: flex;
flex-direction: column;
align-items: start;
}
.name-tagline h1 {
margin: 0;
font-size: 2rem;
}
.name-tagline p.tagline {
margin: 0.3rem 0 0;
font-size: 0.9rem;
margin-top: 0.5rem;
font-size: 1.2rem;
}
.about-section {
margin-top: 1rem;
padding: 1rem;
background: #f9f9f9;
border-radius: 8px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
justify-content: start;
align-items: start;
text-align: left;
}
.about-section p {
font-size: 0.95rem;
color: #333;
line-height: 1.6;
margin: 1rem 0;
}
.about-section a {
color: #0b3d91;
text-decoration: underline;
font-weight: 500;
}
.developer-info .icon {
width: 100px;
height: 100px;
border-radius: 16px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
.app-content {
padding: 1rem;
}
.app-content p {
margin: 0.5rem 0;
}
.features {
margin-top: 1rem;
}
.features li {
margin-bottom: 0.3rem;
}
.screenshots-carousel {
overflow-x: auto;
white-space: nowrap;
padding-top: 1rem;
padding-bottom: 1rem;
}
.screenshots-carousel img {
height: 300px;
border-radius: 10px;
margin-right: 10px;
display: inline-block;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.video-container {
margin-top: 1rem;
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
border-radius: 10px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
.btn {
display: inline-block;
margin-top: 1rem;
padding: 0.6rem 1.2rem;
background: #0b3d91;
color: #fff;
text-decoration: none;
border-radius: 5px;
}
footer {
text-align: center;
padding: 2rem 1rem;
font-size: 0.9rem;
color: #555;
}
</style>
</head>
<body>
<header>
<img class="featureTitle" src="./images/header_image.png" alt="Mindcraft Learning feature graphic">
<div class="intro-content">
<div class="developer-info">
<img class="icon" src="./images/logo.png" alt="Mindcraft Learning icon">
<div class="name-tagline">
<h1>Mindcraft Learning</h1>
<p class="tagline">Turning Ideas Into Delightful Apps</p>
</div>
</div>
<div class="about-section">
<p><strong>About Us:</strong></p>
<p class="intro-desc">Explore our top-rated Android apps for fun, learning, and productivity. Built with React
Native and Expo for smooth performance and delightful UX.</p>
<p><strong>What We Build:</strong></p>
<p>Mindcraft Learning is an Android app studio dedicated to creating innovative and engaging applications
that
enhance everyday life. Our apps are designed to be user-friendly, fun, and educational—perfect for all
ages.</p>
<p><strong>Why Mindcraft Learning?</strong></p>
<p>Whether you're looking for a fun game, a productivity tool, or an educational resource, Mindcraft
Learning has
something for everyone. Discover how we help you make the most of your Android device.</p>
<p><strong>Connect With Us:</strong></p>
<p class="links">
For more info, visit
<a href="https://your-website.com" target="_blank">our website</a>
or follow us on
<a href="https://github.com/mindcraftlearning" target="_blank">GitHub</a>.
</p>
</div>
<p>Check out our apps below to see how we can enhance your Android experience!</p>
<p>Explore our apps on the Google Play Store:</p>
<p class="links">
<a href="https://play.google.com/store/apps/dev?id=9125804892178700830" target="_blank">Mindcraft Learning
Play Store</a>
</p>
<p>For inquiries, contact us at <a href="mailto:mindcraftlearning97@gmail.com" class="email-link"
target="_blank">mindcraftlearning97@gmail.com</a>
</div>
</header>
<main class="container" id="app-list">
<!-- App cards will be rendered here by JavaScript -->
</main>
<footer>
© 2025 Mindcraft Learning. All rights reserved.
</footer>
<script>
const apps = [{
"id": 1,
"slug": "spin-the-wheel",
"title": "Spin the Wheel : Pick for me",
"shortDescription": "Spin the wheel to decide fun topics, games, meals, or challenges!",
"longDescription": "Spin the Wheel is a customizable random picker and decision maker that helps simplify everyday choices and group activities. Whether you're deciding what to eat, selecting a winner, or organizing a classroom game, this app offers a fun and easy way to make decisions. You can create unlimited wheels with custom labels and colors, and save and reuse them for any purpose: casual use, social settings, educational activities, or productivity. The app includes pre-made wheels such as What to Eat, Truth or Dare, Workout Spinner, Yes or No, Who Goes First, Random Challenge Generator, Lucky Draw, Classroom Activities, Icebreaker Questions, and Group Tasks. Spin the Wheel offers fair and unbiased random selections, making it useful for giveaways, task assignments, or resolving indecision. It is suitable for social gatherings, classroom use, and everyday personal decisions. The app works offline, loads quickly, and does not require login or registration. Users can also capture and share spin results. Common use cases include random name picking, giveaway winner selection, task choosing, workout generation, study scheduling, and fun activity selection. Spin the Wheel is simple, intuitive, and suitable for both individual and group use, with regular updates and flexible customization.",
"category": "Entertainment",
"techStack": ["React Native", "Expo", "Firebase"],
"features": [
"Create unlimited custom wheels",
"Customize colors and styles",
"Save and manage wheels",
"Haptic feedback and sound effects"
],
"icon": "icon.png",
"featureGraphic": "feature-graphic.png",
"screenshots": [
"screenshot_1.png",
"screenshot_2.png",
"screenshot_3.png",
"screenshot_4.png",
"screenshot_5.png",
"screenshot_6.png",
"screenshot_7.png",
"screenshot_8.png"
],
"playStoreUrl": "https://play.google.com/store/apps/details?id=com.mindcraftlearning.spinthewheel",
"tutorialVideoUrl": ""
},
{
"id": 2,
"slug": "question-games",
"title": "Question Games: Get to Know Me",
"shortDescription": "Fun question games to connect with friends, couples, family and more",
"longDescription": "Question Games: Get to Know Me is a conversation starter app designed to help users connect and bond through engaging questions. Whether you're with friends, on a date, spending time with family, or looking for something fun to do, the app offers a wide range of categories such as Friends, Couple, Family, Random, Quotes, and Favorites. Sub-topics include Ice Breakers, Truth or Dare, Personal Questions, and Deep Conversations. The app is ideal for house parties, road trips, video calls, or casual hangouts, making it easier to break the ice and deepen relationships. Designed with simplicity in mind, the app provides an intuitive experience where users can easily select categories and start exploring questions. It’s suitable for all ages and settings, offering a fun way to encourage meaningful conversations. The Friends section sparks lighthearted moments, the Couple section helps partners explore each other, and the Family section features age-appropriate questions for all members. It also serves as a great content idea tool for creators on YouTube, TikTok, or Instagram. The app promotes real-world interactions, reduces screen fatigue, and enhances relationships. No sign-up is required, and it works offline, offering a lightweight and accessible experience. Download now to enjoy deeper conversations and fun moments with friends, family, and loved ones.",
"category": "Lifestyle",
"techStack": ["React Native", "Expo", "Firebase"],
"features": [
"Thousands of curated questions",
"Different categories and game modes",
"Bookmark your favorite questions",
"Minimal, clean interface"
],
"icon": "icon.png",
"featureGraphic": "feature-graphic.png",
"screenshots": [
"screenshot_1.png",
"screenshot_2.png",
"screenshot_3.png",
"screenshot_4.png",
"screenshot_5.png",
"screenshot_6.png",
"screenshot_7.png",
"screenshot_8.png"
],
"playStoreUrl": "https://play.google.com/store/apps/details?id=com.mindcraftlearning.questiongames",
"tutorialVideoUrl": ""
},
{
"id": 3,
"slug": "cheezylines",
"title": "Cheesy Lines: So Bad, It Works",
"shortDescription": "Cheesy Lines: A fun app with countless pick-up lines to share, save, and enjoy.",
"longDescription": "Cheezy Lines: So Bad, It Works is a fun pick-up line app designed for anyone who enjoys breaking the ice and sharing a laugh. With over 15 categories, including flirty, funny, cheesy, and romantic, the app offers a wide variety of pick-up lines suitable for different moods and occasions. Users can browse, save, and share their favorite lines on social media or through direct messages. The app is lightweight, simple to use, and works offline. It’s perfect for teens, adults, or anyone looking to add humor and creativity to their conversations. Whether you want to impress someone, entertain friends, or simply brighten your day, Cheezy Lines provides an endless collection of fun and engaging pick-up lines.",
"category": "Entertainment",
"techStack": ["React Native", "Expo"],
"features": [
"Hundreds of funny pickup lines",
"Copy and share easily",
"Simple and fun UI"
],
"icon": "icon.png",
"featureGraphic": "feature-graphic.png",
"screenshots": [
"screenshot_1.png",
"screenshot_2.png",
"screenshot_3.png",
"screenshot_4.png",
"screenshot_5.png",
"screenshot_6.png",
"screenshot_7.png",
"screenshot_8.png"
],
"playStoreUrl": "https://play.google.com/store/apps/details?id=com.mindcraftlearning.cheezylines",
"tutorialVideoUrl": ""
},
{
"id": 4,
"slug": "code-respite",
"title": "CodeRespite: Refresh Your Tech Skills",
"shortDescription": "Refresh coding skills with HTML, CSS, JS, React & more using code and quizzes.",
"longDescription": "CodeRespite: Refresh Your Tech Skills is a personal learning companion designed to help users practice, review, and sharpen essential programming skills. Whether you are starting your journey in tech or revisiting concepts after a break, the app offers an interactive learning experience with progress tracking and a clean, focused interface. It currently includes courses on HTML, CSS, JavaScript, React, React Native, Python, Node.js, and Data Structures. Each course features clear explanations, real code snippets, quizzes, and flashcards to reinforce understanding and retention. The app supports consistent learning habits with progress tracking, visual indicators, and quiz history. A gamified system encourages engagement by rewarding users with experience points and motivational feedback. CodeRespite works offline, does not require login, and is optimized for performance. It is ideal for beginners, students preparing for technical interviews, returning developers, or anyone looking to refresh their skills. Developed by experienced educators and engineers, the app focuses on practical examples and coding fundamentals, making it a valuable tool for learning and growth.",
"category": "Productivity",
"techStack": ["React Native", "Expo", "Firebase"],
"features": [
"Quick coding challenges",
"Mindful break reminders",
"Track progress",
"Simple, focused design"
],
"icon": "icon.png",
"featureGraphic": "feature-graphic.png",
"screenshots": [
"screenshot_1.png",
"screenshot_2.png",
"screenshot_3.png",
"screenshot_4.png",
"screenshot_5.png",
"screenshot_6.png",
"screenshot_7.png",
"screenshot_8.png"
],
"playStoreUrl": "https://play.google.com/store/apps/details?id=com.mindcraftlearning.coderespite",
"tutorialVideoUrl": "https://www.youtube.com/embed/sjij5LvqaE8"
},
{
"id": 5,
"slug": "trivia-quest-ai",
"title": "Trivia Quest AI: Fun Quiz Game",
"shortDescription": "Test your knowledge with AI trivia! Compete, unlock, and climb the leaderboard!",
"longDescription": "Trivia Quest AI: Quiz Game is a fast, engaging trivia app that offers a fun way to test knowledge and learn something new every day. It features a variety of quiz topics including Science, Technology, Sports, History, Entertainment, Geography, and General Knowledge. The app provides hints after a short delay and AI-powered explanations for incorrect answers, helping users improve with every attempt. Players can track their progress, reattempt quizzes, and create custom quizzes tailored to their interests. A global leaderboard encourages friendly competition and motivation. Trivia Quest AI offers guest access without requiring sign-up, making it quick and easy to start playing. With a simple interface, adaptive learning, and helpful AI feedback, the app is suitable for casual players and serious learners alike. Download Trivia Quest AI to challenge your brain, boost your knowledge, and enjoy an interactive learning experience.",
"category": "Education",
"techStack": ["React Native", "Expo", "Firebase", "AI Integration"],
"features": [
"AI-generated trivia questions",
"Multiple categories",
"Fun for all ages",
"Learn new facts every day"
],
"icon": "icon.png",
"featureGraphic": "feature-graphic.png",
"screenshots": [
"screenshot_1.png",
"screenshot_2.png",
"screenshot_3.png",
"screenshot_4.png",
"screenshot_5.png",
"screenshot_6.png",
"screenshot_7.png"
],
"playStoreUrl": "https://play.google.com/store/apps/details?id=com.coderespite.triviaquestai",
"tutorialVideoUrl": "https://www.youtube.com/embed/sjij5LvqaE8"
}
];
const container = document.getElementById('app-list');
apps.forEach(app => {
const card = document.createElement('section');
card.className = 'app-card';
const content = `
<img class="feature" src="./images/${app.slug}/${app.featureGraphic}" alt="${app.title} feature graphic">
<div class="app-header">
<img class="icon" src="./images/${app.slug}/${app.icon}" alt="${app.title} icon">
<div class="title-block">
<h2>${app.title}</h2>
<a href="${app.playStoreUrl}" class="btn" target="_blank">View on Play Store</a>
</div>
</div>
<div class="app-content">
<p class="short-desc">${app.shortDescription}</p>
<p><strong>Built With:</strong> ${app.techStack.join(', ')}</p>
<p><strong>Features:</strong></p>
<ul class="features">
${app.features.map(f => `<li>${f}</li>`).join('')}
</ul>
<p><strong>Description:</strong></p>
<p>${app.longDescription}</p>
<div class="screenshots-carousel">
${app.screenshots.map(s => `<img src="./images/${app.slug}/${s}" alt="Screenshot">`).join('')}
</div>
${app.tutorialVideoUrl ? `<div class="video-container"><iframe src="${app.tutorialVideoUrl}" allowfullscreen></iframe></div>` : ''}
</div>
`;
card.innerHTML = content;
container.appendChild(card);
});
</script>
</body>
</html>